- 安裝Vue
- 安裝nodejs, 地址:https://nodejs.org/en
下載后直接安裝。
安裝后重新打開命令行工具,輸入 node -v
- 安裝nodejs, 地址:https://nodejs.org/en
PS C:\Users\zcl36> node -v
v20.10.0
2. 安裝vue包
npm install -g @vue/cli
安裝之后,你就可以在命令行中訪問 vue 命令。你可以通過簡單運行 vue,看看是否展示出了一份所有可用命令的幫助信息,來驗證它是否安裝成功。
你還可以用這個命令來檢查其版本是否正確:
PS C:\Users\zcl36> vue --version
@vue/cli 5.0.8
- 創建Vue項目
運行以下命令來創建一個新項目:
vue create hello-world
- 啟動Vue
npm run serve
之后打開“ http://localhost:8080/”這個網址,就可以看到vue界面了。
- 安裝vscode 對應插件。
- Auto Rename Tag。自動更改結束標簽。
- Live Server:自動搭建本地服務器。
- Vetur:vue組件格式支持。
- vscode-icons:美好vscode中的文件圖標。