1、下載路徑
https://nodejs.org/en/ 下載LTS版本的nodejs
2、安裝注意
（1）自行修改安裝路徑，如：D:\nodejs
（2）選擇Add to PATH ,默認會添加到path環境變量去
（3）一直點next知道finish
3、打開cmd，檢查是否正常
（1）echo %PATH% 查看環境變量，如果出現D:\nodejs說明安裝成功。
（2）node -v 查看node版本，
（3）npm -v查看npm版本 ，注意雖然node自帶npm，但是不是最新版本的npm
4、查看npm的本地倉庫在系統盤c盤的用戶目錄中C:\AppData\Roaming中，(沒見到npm-cache是因爲沒有用過，一使用緩存目錄就生成了)，我們試圖把這2個目錄移動回到D:\nodejs。然後運行以下2條命令
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”；
然後我們再來關注一下npm的本地倉庫，輸入命令npm list -global；然後再輸入命令npm config set registry=http://registry.npm.taobao.org 配置鏡像站。最後運用npm config list參考所有配置信息。
5、查看配置文件C:\Users\Administrator.npmrc中出現剛剛配置的三個文件
registry=http://registry.npm.taobao.org
prefix=D:\nodejs\node_global
cache=D:\nodejs\node_cache
6、查看鏡像是否可行命令：npm config get registry
7、npm install npm -g 安裝或更新；npm list global 查看global裏有什麼模塊
注意，此時，默認的模塊D:\nodejs\node_modules 目錄
將會改變爲D:\nodejs\node_global\node_modules 目錄，
如果直接運行npm install等命令會報錯的。
我們需要做1件事情：
1、增加環境變量NODE_PATH 內容是：D:\nodejs\node_global\node_modules
8、修改vue的環境變量到path裏
對path環境變量添加D:\nodejs\node_global
win10以下版本的，橫向顯示PATH的，注意添加到最後時，不要有分號【;】如下圖：
修改完成後重啓cmd 運用vue -V查看vue腳手架版本
注意，vue-cli工具是內置了模板包括 webpack 和 webpack-simple,前者是比較複雜專業的項目，
他的配置並不全放在根目錄下的 webpack.config.js 中。
初始化，安裝依賴
運行npm install安裝依賴
npm run dev 運行
自動打開瀏覽器http://localhost:8080/#/
npm run build
生成靜態文件，打開dist文件夾下新生成的index.html文件
9、webpack安裝命令npm install webpack -g
webpack版本查看命令npm info webpack
安裝指定版本
npm install [email protected] --save-dev
如果要使用webpack開發工具，要單獨安裝 webpack-dev-server
npm install webpack-dev-server --save-dev
10、webpack常用命令
構建命令，webpack的常用參數
webpack --config webpack.min.js //另一份配置文件
webpack --display-error-details //顯示異常信息
webpack --watch //監聽變動並自動打包
webpack -p //壓縮混淆腳本，這個非常非常重要！
webpack -d //生成map映射文件，告知哪些模塊被最終打包到哪裏了