1. 程式人生 > >vue-cli安裝

vue-cli安裝

class 創建項目 項目依賴 優勢 code localhost dev 初始化 選擇

vue-cli 是vue官方提供的一個腳手架工具,用於初始化一個Vue項目

vue-cli的優勢:

1、成熟的vue項目架構設計,而且會跟隨vue版本的更叠而更新;

2、提供了一套本地測試服務器,而且是一個熱加載的服務器;

3、提供了自己的一套集成打包上線的方案,webpack 或者gulpify在創建項目的時候可以進行選擇;

有了以上優勢,可以非常快速的搭建項目;

vue-cli對系統的要求:

vue-cli 是命令行的一個工具,系統需要

1、node.js(>=4.x)

2、 Git

3、能使用node的命令行終端;

vue-cli使用流程:

1、vue-cli的安裝:

使用node的包管理工具npm ,-g為全局安裝

npm install vue-cli -g

2、初始化項目:全局安裝完vue-cli後可以在命令行工具裏使用vue命令,init-初始化項目, webpack-規定了使用的是webpack的打包方式,my-project為項目名稱,項目名不可以用大寫字母,初始化項目就是通過git下載vue-cli提供的腳手架代碼

vue init webpack my-project

3、安裝項目依賴:初始化項目之後,還要通過npm安裝項目依賴,此代碼需要和package.json在一個文件夾下

npm install

4、在localhost啟動測試服務器:

npm run dev

5、生成上線目錄(進行部署):

npm run build

vue-cli安裝