vscode格式化Vue出現的問題

一、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代碼就不會加上冒號和分號了。