vscode格式化Vue出現的問題

1、VSCode中使用vetur插件格式化vue文件時，js代碼會自動加上冒號和分號

原本就是簡寫比較方便舒服，結果一個格式化回到解放前

最後找到問題緣由：

首先，vetur默認設置是這個樣的。也就是不少是用的prettier插件。
複製代碼

  

解決辦法1 (最快的解決辦法)

把"vetur.format.defaultFormatter.js": "prettier",改成 "vetur.format.defaultFormatter.js": "vscode-typescript"

參考自 記一次vscode升級後，格式化Vue出現的問題

可是這樣就沒有用到Prettier這個酷酷的東西，因而本身打算繼續研究

解決辦法2 (踏實的解決辦法)

一打開Prettier官網，闊怕全是英文，仍是硬着頭皮上

(1)安裝

yarn安裝

yarn add prettier --dev --exact
複製代碼

或者全局安裝

yarn global add prettier
複製代碼

或者npm(固然cnpm也能夠)

npm install --save-dev --save-exact prettier
複製代碼

或者全局安裝

npm install --global prettier
複製代碼

(2)新建.prettierrc.json配置文件放在vue項目的root目錄下(也就是和README.md文件同一目錄)

(3)配置.prettierrc.json文件以下

{
	"singleQuote":true,//使用單引號而不是雙引號,true就是對
	"semi":false//在語句結尾處打印分號,false就是不打印
}
複製代碼

小夥伴們還想配置其餘參數選項可參考官網Prettier的選項和參數描述

如今按快捷鍵Shift+Alt+f格式化js代碼就不會加上冒號和分號了。

做者相關Vue文章

基於Vue2.0實現後臺系統權限控制

前端文檔彙總

VUE2.0增刪改查附編輯添加model(彈框)組件共用

打賞 衷心的表示感謝