命令行工具:
#查看版本
npm -v
#升級 npm
cnpm install npm -g
#升級或安裝 cnpm
npm install cnpm -g
安裝最新穩(wěn)定版VUE 以及windows系統(tǒng)環(huán)境下 windows PowerShell 報錯處理:
> cnpm install vue@next
cnpm : 無法加載文件 C:\Users\Think\AppData\Roaming\npm\cnpm.ps1,因為在此系統(tǒng)上禁止運行腳本。有關(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戚宦、點擊“管理員身份運行”
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)建項目
vue init webpack vue-test
#安裝依賴項
npm install
#安裝并遠(yuǎn)行
nmp run dev
#用于生產(chǎn)環(huán)境的編譯和壓縮文件
npm run build
#為生產(chǎn)而構(gòu)建并查看捆綁包分析器報告
npm run build --report
#運行單元測試
npm run unit
#運行所有測試
npm test
使用圖形化界面
vue ui
找開圖形化界面創(chuàng)建和管理項目;執(zhí)行該命令对雪,會自動彈出默認(rèn)瀏覽器打開項目管理引導(dǎo)頁面河狐。
vue create 命令
vue create [options] <app-name>
#創(chuàng)建項目
vue create test-app
#啟動應(yīng)用
npm run server