| 安裝nodejs |
【1】安裝nodejs
vue腳手架需要nodejs環境，所以首先需要安裝nodejs。
nodejs詳細安裝方法：https://www.cnblogs.com/yyee/p/15209612.html
【快捷安裝nodejs】
(1) 下載完這后雙擊 node-v16.8.0-x64.msi 安裝nodeJs。
在cmd窗口輸入 node -v 查看nodejs版本
(2) 設置淘寶鏡像，提高npm安裝軟件的速度。
npm config set registry https://registry.npm.taobao.org
(3)安裝cnpm及設置淘寶鏡像
npm install -g cnpm -registry=https://registry.npm.taobao.org
安裝完成，查看cnpm是否安裝成功 cnpm -v
幾個管理命令：
node -v #(版本低引起：bash: npm: command not found)
npm -v #以上幫助檢查是否安裝 node npm
vue -V #查看vue版本
vue --version #查看vue版本
輸入vue #測試vue是否安裝成功
輸入vue list #看vue中有哪些子類 npm install vue
| 安裝vue2腳手架及環境配置 |
【2】安裝vue-cli 2腳手架及環境配置
【以管理員權限】打開powershell命令行窗口，不是cmd，注意要以管理員權限打開powershell，不然不行。powershell所在位置：【C:\Windows\System32\WindowsPowerShell\v1.0】
安裝vue腳手架:
cnpm install -g vue-cli 或者 npm install -g vue-cli
cnpm install -g webpack 或者 npm install -g webpack
安裝的時候如果提示 cnpm : 無法加載文件 D:\Program Files\nodejs\node_global\cnpm.ps1。未對文件 D:\Program Files\nodejs\node_global\cnpm.ps1 進行數字簽名。無法在當前系統上運行該腳本。
解決方法：
1、在終端執行：get-ExecutionPolicy，顯示Restricted（表示狀態是禁止的）或者AllSigned（表示需要簽名）。
2、在終端執行：set-ExecutionPolicy RemoteSigned ，選擇Y或A 。
3、在終端執行：get-ExecutionPolicy，顯示RemoteSigned （表示不需要簽名）。
查看vue安裝狀態，vue -V
安裝開發可能會用到的依賴
#安裝 Promise,vue-router，vuex, axios, qs cnpm install es6-promise --save cnpm install vue-router --save cnpm install vuex --save cnpm install axios --save cnpm install qs #安裝style,css,less cnpm install css-loader style-loader --save-dev cnpm install less less-loader --save-dev #安裝saas cnpm install -g sass --save-dev cnpm install node-sass --save-dev cnpm install sass-loader --save-dev
如果項目中使用element-ui或者antd ui的開發頁面的話，選擇安裝element或antd。
#安裝elementui cnpm i element-ui -S #安裝antd cnpm install antd --save
| 創建vue2項目 |
【3】創建vue2項目
切換到項目存放目錄，比如【 F:\code\web 】，輸入 vue init webpack 項目名 ，項目名稱用小寫英文命名，然后一路回車，
cd F:\code\web
vue init webpack vue2_demo
用vscode打開 F:\code\web\vue2_demo 文件夾，
開一個新的vs code終端，在終端中輸入 npm run dev 啟動vue2_demo 項目。
啟動vue2_demo項目成功就會輸出下面的信息，同時按住Ctrl 並點擊 http://localhost:8081 預覽vue2_demo。或者在瀏覽器地址欄中輸入 http://localhost:8081 也可以預覽。
| 發布Vue2項目 |
【4】打包vue2項目
現在 vue2_demo 這個只能在本地跑，要如何在我們自己的服務器上訪問呢？
需要發布項目。
npm run build
構建完成之后會生成dist目錄，里面會有個index.html文件，一些JS、CSS、圖片等靜態文件也在dist的相應目錄里。
