安裝node和npm和vue-cli和webpack-cli

下載node(http://nodejs.cn/download/),安裝時直接下一步，安裝路徑不要有漢字和空格
查看node和npm是否安裝成功，檢查版本：
node -v
npm -v

安裝淘寶的cnpm鏡像，替代默認的npm：
 npm install -g cnpm --registry=https://registry.npm.taobao.org


安裝Vue腳手架：
cnpm install vue-cli -g（意思是cnpm安裝vue-cli,在全局）

 

安裝webpack-cli：
cnpm install webpack-cli -g

Linux/Mac執行-g全局安裝，需要在命令前添加sudo，表示已管理員身份運行。

 

 

使用vue-cli初始化一個項目：
vue init webpack 項目名

項目名可以不加，不寫的話，就是在當前位置創建項目。

啟動運行命令：
cnpm run dev

停止運行命令：

ctrl+c

 

ctrl+單擊路徑在瀏覽器打開

 

根據package.json(類似pom.xml)中的依賴信息。
安裝依賴組件：
cnpm install



運行當前項目：
cnpm run dev



vue init 初始化項目
cnpm install 安裝組件
cnpm run 運行

 

 

1. 手動新建項目文件夾。
2. 拽到VSCode中（或者右鍵該文件夾，選擇以VSCode打開）
3. Ctrl + `，打開終端
4. 在當前位置初始化一個vue的項目：vue init webpack（需要注意最后一步不要自動安裝組件了）
5. 手動安裝依賴組件：cnpm install
6. 以dev方式運行：cnpm run dev

 

VSCode 下載路徑 https://code.visualstudio.com/

選擇 windows x64 insders

安裝時直接下一步，有勾的都勾選

VSCode插件：
1. Material Icon Theme：圖標
2. Vue文件提示：vetur
3. 中文語言包：chinese