天天看點

vue工具 - vue/[email protected] 安裝使用流程

vue/[email protected]

mac安裝記得npm前邊加sudo

安裝腳手架,用于生成目錄

npm install -g @vue/cli      
vue工具 - vue/[email protected] 安裝使用流程

安裝用于編譯單個的.vue檔案

npm install -g @vue/cli-service-global      
vue工具 - vue/[email protected] 安裝使用流程

編譯單個檔案的編譯指令:

vue serve xxx.vue      
vue工具 - vue/[email protected] 安裝使用流程

如果編譯App.vue的話,是預設檔案,不用加檔案名。

得到的位址就可以在浏覽器運作

vue工具 - vue/[email protected] 安裝使用流程

解除安裝舊版本:

如果之前安裝過舊版本的(非3.x)腳手架,需要先執行解除安裝。

npm uninstall vue-cli -g      

安裝橋接工具:

如果仍然需要保留舊版本的vue,可以全局安裝一個橋接工具

npm install -g @vue/cli-init 拉取舊版本      

vscode插件名字:

Vue tooling for VS Code 

Vetur      

越努力,越幸運;阿門。