npm 安裝vue-cli:
vue cli的包名稱由vue-cli改成了@vue/cli 如果你再以前已經安裝了vue-cli 那么你需要先將老版本卸載。
卸載命令:
npm uninstall vue-cli -g
卸載完成后再去安裝新版本cli
npm i -g @vue/cli
***有些時候由於網絡問題導致下載失敗,再次重新下載后會有一個錯誤的json報錯,這個是因為你上一次下載的時候的緩存問題,我們只需要清楚npm緩存就好了,
清楚npm緩存
npm cache clean --force
清楚緩存完成后再重新下載就好了。
再安裝cli時還有可能出現-4080錯誤 ,這個時候說明是權限不夠,更換成管理員權限運行即可;
這是win10的PowerShell win7的話就是cmd;
更換成管理員運行后再次重新下載即可安裝;安裝完成后查看版本號,如果正確顯示說明安裝成功
vue -V
安裝成功后讓我們來構建一個項目:
依舊再命令提示符中使用命令
vue create myprojrct
之后進入到我的項目的路徑 默認是給提示的, 執行代碼
cd myproject
npm run serve
到這一步我們就可以再本地用端口訪問vue了
很明顯這個標題就是我們的項目名稱。