命令行工具：

#查看版本
npm -v 

#升級 npm
cnpm install npm -g

#升級或安裝 cnpm
npm install cnpm -g

安裝最新穩(wěn)定版VUE 以及windows系統(tǒng)環(huán)境下 windows PowerShell 報(bào)錯處理：

> cnpm install vue@next
cnpm : 無法加載文件 C:\Users\Think\AppData\Roaming\npm\cnpm.ps1，因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本。有關(guān)詳細(xì)信息，請參閱 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ cnpm install vue@next
+ ~~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

解決方式：

1、在系統(tǒng)中搜索框 輸入 Windows PowerShell

2、點(diǎn)擊“管理員身份運(yùn)行”

3、輸入set-ExecutionPolicy RemoteSigned回車

4、根據(jù)提示，輸入A，回車

5、再次回到cnpm -v執(zhí)行成功。

image-20230114085934021.png

#全局安裝 vue-cli
> cnpm install -g @vue@cli
Downloading @vue/cli to D:\Program\nodejs\node_modules\@vue\cli_tmp
Error: EPERM: operation not permitted, mkdir 'D:\Program\nodejs\node_modules\@vue'
npminstall version: 7.2.1
npminstall args: D:\Program\nodejs\node.exe C:\Users\Think\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\bin\install.js --fix-bug-versions --china --userconfig=C:\Users\Think\.cnpmrc --disturl=https://npmmirror.com/mirrors/node --registry=https://registry.npmmirror.com -g @vue/cli

解決方法參考： https://www.cnblogs.com/haruko/p/15359256.html

修改 node安裝目錄 D:\Program\nodejs的所屬用戶權(quán)限為“完全控制”

image-20230114091441804.png

# 查看版本
vue --version

# 升級到下一個版本
vue upgrade --next

#創(chuàng)建項(xiàng)目
vue init webpack vue-test

#安裝依賴項(xiàng)
npm install

#安裝并遠(yuǎn)行
nmp run dev 

#用于生產(chǎn)環(huán)境的編譯和壓縮文件
npm run build

#為生產(chǎn)而構(gòu)建并查看捆綁包分析器報(bào)告
npm run build --report

#運(yùn)行單元測試
npm run unit

#運(yùn)行所有測試
npm test

使用圖形化界面

vue ui 找開圖形化界面創(chuàng)建和管理項(xiàng)目；執(zhí)行該命令，會自動彈出默認(rèn)瀏覽器打開項(xiàng)目管理引導(dǎo)頁面。

vue create 命令

vue create [options] <app-name>

#創(chuàng)建項(xiàng)目
vue create test-app

#啟動應(yīng)用
npm run server