環境搭建

安裝node.js

進入網址www.runoob.com/nodejs/node…頁面，按照教程安裝。 安裝完成後測試是否安裝成功。如下圖所示：

利用npm安裝webpack

命令列語句為：

npm install webpack -g
複製程式碼

安裝淘寶映象cnpm

命令列語句如下：

npm install -g cnpm --registry=https://registry.npm.taobao.org
複製程式碼

全域性安裝vue-cli

命令列語句如下：

npm install --global vue-cli
複製程式碼

建立一個基於webpack模板的新專案

命令列語句如下：

vue init webpack xxx-project
複製程式碼

如下圖操作所示：

安裝依賴

在cmd裡 1).輸入：cd my-project（專案名），回車，進入到具體專案資料夾

2).輸入：cnpm install，回車，等待一小會兒

安裝webstorm，引入專案

去官網下載webstrom安裝包進行安裝。

安裝完成後開啟webstorm，並在webstorm中file下選擇open （選擇你的專案資料夾）。

啟動專案

• 通過命令列啟動cnpm run dev

• 在webstorm中啟動

在package.json檔案上點選右鍵—〉點選show npm scripts 即可調出選單，以後執行只需在npm選單裡雙擊dev。