使用vue-cli腳手架建立Vue項目

安裝Node.js和npm

請參考Win10環境安裝node.js和npm

安裝Vue CLI腳手架

安裝方法

點擊開始 => 運行 => 輸入"cmd" => 執行如下命令：
npm install -g @vue/cli

之前是這樣安裝的：npm install -g vue-cli
新版本的Vue CLI的包名稱由vue-cli改爲了@vue/cli

檢查是否安裝成功

vue --version

安裝webpack

安裝方法

npm install -g webpack

構建項目

先進入到本身的workspace：cd C:\workspace\workspace_vscode
再執行構建項目命令：vue init webpack <項目名>

而後報錯了，須要先安裝@vue/cli-init

再從新構建，一直卡在這一步了。

ctrl c終止操做。這裏我使用的npm源是淘寶鏡像（https://registry.npm.taobao.org），因而我把它換回原來的（https://registry.npmjs.org）：
npm config set registry https://registry.npmjs.org
再執行就成功了。

由於剛纔把npm源換回去了，若是直接用npm install，速度會很慢，因此這裏選擇不使用npm，咱們本身來搞。

安裝項目所需的依賴包資源

先進到項目目錄：cd <項目目錄>
而後把npm源換成淘寶鏡像，再執行npm install 或者 直接使用cnpm install

運行項目

npm run dev

訪問項目

用瀏覽器訪問http://localhost:8080

中止運行項目

ctrl c