| 安裝nodejs |
【1】安裝nodejs
下載nodejs，當前最新版本是 node 16.8
國外下載地址：https://nodejs.org/en
國內下載地址：http://nodejs.cn/download
下載完成之后雙擊文件【node-v16.8.0-x64.msi】安裝。nodejs全局環境變量配置參考 https://www.cnblogs.com/yyee/p/15209612.html
檢查nodejs是否安裝：
node -v
如果未安裝nodejs，照下步驟安裝：
【快捷安裝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
| 安裝vue3腳手架及環境配置 |
以管理員權限打開powershell窗口
【2】安裝vue-cli 3腳手架及環境配置
首先要御載vue-cli 2，然后再安裝vue-cli 3 ，
#御載vue cli 2
npm uninstall -g vue-cli
#安裝vue cli 3 cnpm install -g @vue/cli
查看vue狀態，參數-V為大寫。
vue -V 或 vue --version
安裝開發當中可能用到的依賴
#安裝 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
在vue3腳手架中安裝element ui for vue3插件，插件名為 element-ui，安裝 icon圖標
#安裝Element Plus
cnpm install element-plus -S #安裝element plus icon cnpm install @element-plus/icons -S cnpm install @element-plus/icons-vue -S
如果不能使用element plus，則繼續安裝，可以使用就不用繼續安裝了。
cnpm install -D unplugin-vue-components unplugin-auto-import
cnpm i unplugin-icons -D
| 創建vue3項目 |
【3】創建vue3項目
創建命令為：vue create 項目名稱。
進入vue3項目要保存的目錄。
cd F:\code\web
vue create vue3_demo
打開vue cli 3對話
選擇 Manually select features（手動選擇）
箭頭移動到相應選項，按空格鍵勾選下面項：
Choose Vue version
Babel
Router
Vuex
選擇3.x版本
按Y 選擇歷史路由器模式
選擇獨立的配置文件
保存為將來的預設項目
選擇Use NPM
下面等待安裝，安裝完成后輸出
用vscode打開 【F;\code\web\vue3_demo】 文件夾，
打開一個新的終端，運行命令 npm run serve 運行vue3_demo項目。
npm run serve
| 打包vue3項目 |
【4】打包vue3項目
在vscode終端輸入
npm run build
打包成功后會生成一個dist文件夾，打包文件全部放在dist文件夾里。
| vue3使用typescript配置 |
【5】 將vue3配置typescript環境
安裝 type
cnpm install -g typescript
然后用vs code打開vue3項目，打開一個新的vs code終端，運行命令 vue add typescript
