說明：node.js 和 vue.js的關系：
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行時環境；類比：Java的jvm(虛擬機)
vue.js 是漸進式JavaScript 框架（引用大神的話：“它給你提供足夠的optional，但並不主張很多required，也不多做職責之外的事！這就是漸進式。”）；類比 ssm
所以先安裝Node---------->使用Node的npm先安裝Vue---------->安裝vue-cli腳手架---------->最后通過vue-cli腳手架構建前端項目。
一、node.js 環境 （Windows）
步驟一：下載node.js ，按步驟安裝；
步驟二、測試：
在鍵盤按下【win+R】鍵，輸入cmd，然后回車，打開cmd窗口：
輸入：
node -v
查看node 版本號；若顯示則表示安裝成果；
輸入：
npm -v
查看npm(包管理器) 版本號；若顯示則表示安裝成果；
如圖：
步驟三、環境配置：
①在E:\nodejs（安裝nodejs的位置）中創建兩個文件夾：【node_global】及【node_cache】；
②在控制台中輸入 指令來配置 全局module安裝位置和緩存位置；
npm config set prefix "E:\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache"
③在【系統變量】下新建【NODE_PATH】，輸入【E:\nodejs\node_global\node_modules】，將【用戶變量】下的【Path】修改為【E:\nodejs\node_global】
④測試環境
輸入：
npm install express -g # -g是全局安裝的意思
⑤、設置淘寶鏡像：
控制台輸入：
npm config set registry=http://registry.npm.taobao.org
二、vue.js環境
參考
1.控制台輸入：
npm install vue
2.vue_cli
npm install -g @vue/cli
三、創建vue.js項目(官網方式)；
最新方式創建：
在E:\vuecli中創建hello-vue項目（默認方式）：
vue create hello-vue
啟動項目：npm run serve，控制台文件打開到hello-vue。
頁面顯示：
用舊版本的 vue init 功能創建項目
舊版本的 vue init 需要額外執行一條 npm install -g @vue/cli-init
npm install -g @vue/cli-init # `vue init` 的運行效果將會跟 `vue-cli@2.x` 相同 vue init webpack my-project
文件目錄為：目錄及配置說明（項目名為hello_webpack_vue，目錄結構和my-project一樣，構建方式一樣只是名字不同）https://www.cnblogs.com/lixiuming521125/p/15465553.html
運行指令npm run dev;
結果：同 最新方式創建；