vue-cli的安裝步驟

1、安裝Node.js

• 在Node.js官網 https://nodejs.org/zh-cn/ 下載安裝包，修改安裝路徑到其它盤，如 G:\Program Files

2、設置 cnpm的下載路徑和緩存路徑

• 新建目錄：在安裝目錄 G:\Program Files\nodejs 下手動新建 node_cache 和 node_global 文件夾

　

• 調整目錄：在命令行分別輸入  

  npm config set prefix "G:\Program Files\nodejs\node_global"
  
  npm config set cache "G:\Program Files\nodejs\node_cache"

  3、設置環境變量

• “環境變量 | 系統變量 | Path | 編輯 | 新建 | 復制粘貼 G:\Program Files\nodejs\node_global”

　　

•  在命令行輸入 cnpm -v 查看 cnpm安裝是否成功（安裝成功才可以使用 cnpm）　　

　　

  4、安裝 cnpm

• 在命令行輸入

  npm install -g cnpm --registry=https://registry.npm.taobao.org

　　【注】cnpm的安裝路徑是 G:\Program Files\nodejs\node_global\node_modules\cnpm\bin

　　

 5、安裝vue-cli

• 在Vue Cli 官網 https://cli.vuejs.org/zh/guide/ 查找安裝命令和版本，如

  npm install -g @vue/cli

• 進入 Node.js 安裝目錄，把 npm 替換成 cnpm（所有的 npm 都可以替換成 cnpm ，cnpm 速度比 npm 快）

  G:\Program Files\nodejs\cnpm install -g @vue/cli

6、創建並運行工程項目

• 在要創建工程的目錄下輸入 ：vue create helloworld
• 按照提示進入工程目錄：cd helloworld
• 按照提示運行項目：cnpm run serve