進(jìn)入我的主頁，查看更多VUE的分享！
我的電腦是Win系統(tǒng)，在Win7、Win10均已測試。
一、安裝環(huán)境
1. 安裝nodejs
官方下載地址(https://nodejs.org/en/)
- 下載時，建議選擇LTS的版本，因為是長期支持版，穩(wěn)定沒BUG；
- 下載后，直接安裝，（除了更改安裝路徑，其它）全部點下一步；
- 安裝后，打開cmd窗口（Win+R），輸入：node -v 或 npm -v 查看版本號
那么，雖然是長期支持版，當(dāng)node有更新了怎么整？
直接覆蓋安裝！我在寫文章的時候，發(fā)現(xiàn)有更新了，直接下載并覆蓋安裝，這是更新后的截圖：
2. 或者使用nvm（可同時安裝多個nodejs環(huán)境，隨時切換）
如果用官方包，就是第一步的操作，那么跳過這一步；如果要使用nvm這個軟件，那么先卸載nodejs（如果有安裝的話）。
nvm使用的地址是nodejs發(fā)布后的，所以nvm與安裝nodejs的效果一致（大概吧，咱也不懂）。
- 倉庫：nvm github(https://github.com/nvm-sh/nvm)
- 下載：nvm-windows(https://github.com/coreybutler/nvm-windows)
- 如果沒找到，這是下載頁(https://github.com/coreybutler/nvm-windows/releases)
選擇nvm-setup.zip，下載后解壓并安裝，打開cmd窗口：
- nvm list available 顯示支持的版本列表（下一步安裝時會用到）；
- nvm install version 安裝某個版本的nodejs，可以多次安裝（如：nvm install 12.18.2）；
- nvm list 顯示已安裝的nodejs列表；
- nvm use version 使用或切換某個版本的nodejs，如：nvm use 12.18.2
- nvm list 顯示的列表，會突出顯示正在使用的版本。
之后的操作，都一樣（看第3步）
3. 安裝vue腳手架（vue-cli）
腳手架是官方的，安裝命令：
- npm i -g @vue/cli 安裝腳手架
- npm i -g @vue/cli-init 兼容2.x（比如支持npm run dev等命令）
- vue --version 或 vue -V 查看當(dāng)前版本號
二、創(chuàng)建項目
1. 配置下載地址
因為默認(rèn)的鏡像（下載包的地址），很慢，所以先配置鏡像：
可以直接通過命令（https://developer.aliyun.com/mirror/NPM?from=tnpm）
或，推薦使用nrm來管理，可顯示鏡像列表，可一鍵切換：
- npm i -g nrm
- nrm ls
- nrm use taobao
2. 通過圖形化界面創(chuàng)建
打開cmd窗口，輸入命令后自動打開瀏覽器（可以復(fù)制地址到其他瀏覽器）
- vue ui
后續(xù)的步驟，看截圖：
3. 通過命令創(chuàng)建
圖形化界面非常優(yōu)好、便捷，當(dāng)然通過命令也可：
- vue create projectName
后續(xù)就根據(jù)項目配置進(jìn)行選擇，上下箭頭是移動，空格是確認(rèn)選擇，回車是執(zhí)行
如果沒有，直接回車（即選擇默認(rèn)配置，和上面截圖的操作是一樣）
4. 運行項目
命令：
- npm run serve 運行
- npm run build 打包
- npm i --save plugins 安裝插件
三、更新插件
在圖形化界面的依賴菜單里，如果有更新，會顯示下載按鈕，直接點擊就可以更新。
當(dāng)然，不要亂更新，要根據(jù)你的插件來區(qū)分要先更新哪一個。
如果有補(bǔ)充，請在評論區(qū)留言（比如不用圖形化界面如何更新？因此本篇文章還會更新）
