要安裝Vue,首先要安裝node和npm。
安裝完成後檢查是否正確安裝node和npm.如圖:
由於有些npm資源包被屏蔽或者是國外的資源,經常會導致npm安裝依賴包失敗,所以我們還需要npm的國內鏡像,cnpm.輸入如下安裝國內鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org
耐心等待,如果沒有報錯表示安裝成功。之後就可以通過cnmp來安裝依賴。
接下來要安裝vue-cli 腳手架構建工具。
在vscode終端中運行命令 npm install -g vue-cli ,然後等待安裝完成。
運行vue ,看是否安裝成功:
vue 版本升級,之前安裝了2.9的版本,沒有vue ui的命令,升級爲最新版本。vue腳手架3.0以上的版本安裝方式和之前的不一樣。安裝前需要先卸載之前的舊版本:
npm uninstall vue-cli -g
然後安裝最新的版本:
npm install @vue/cli -g
安裝完成後通過vue -V查看當前的版本:
3.0之前的版本只有四個commands:
3.0版本之後增加了多個: