vue-cli2.0項目的搭建

1.第一步：安裝vue-cli

命令行輸入cmd或按住shift鼠標右鍵打開powershell

輸入命令 

npm install --global vue-cli 按enter鍵

 

2.第二步：建立項目

在要建立項目的目錄下輸入如下命令

vue init webpack projectName（其中projectName爲要建立的項目名稱）

按下enter鍵

而後終端會出現下圖「一問一答」模式，如圖：

 

這裏有幾個須要說明一下，沒說明的直接回車選擇默認

「Project name」：這個是項目名稱，默認是輸入時的那個名稱，想改的話直接輸入修改，也能夠直接回車

「Install vue-router」:是否須要vue-router，這裏默認選擇使用，這樣生成好的項目就會有相關的路由配置文件

「Use ESLint to lint your code」:是否使用ESLint，剛纔說了咱們這個項目須要使用因此也是直接回車，默認使用，這樣會生成相關的ESLint配置

「Setup unit tests with Karma + Moch?」: 是否安裝單元測試。咱們如今尚未單元測試

「Setup e2e tests with Nightwatch」：是否安裝e2e測試，這裏我也一樣選擇的是「N」。

最後會提示選擇管理工具，選擇npm或yarn均可以，二者的指令有所不一樣，這裏就選擇npm

初始化完成後按照提示進入項目目錄，輸入 npm run dev啓動項目