遇到的問題
使用vscode開發vue項目的時候,格式化vue文件,與自己配置的eslint標准會有沖突。
- 引號問題:單引號變雙引號
- 分號問題:行末是否加分號。自動加/減分號
- 當然還會有其他個性化沖突,只需要找到怎么修改,就好辦了。
說明
vscode格式化文件,使用的是快捷鍵shift + alt + f
而我安裝了vetur
插件來格式化vue文件。
vetur
插件默認使用的是prettier
來格式化代碼。
prettier官網
vetur文檔格式化說明:
此時,如果要改變格式化風格,那么需要自定義prettier
內容。
操作流程
- 安裝Prettier-Code formatter插件地址
- 打開設置,並配置
在默認設置中找到`prettier.singleQuote`,並將其設置為true。單引號,設置為true;雙引號,設置為false。
在默認設置中找到`prettier.semi`,並將其設置為false。末尾需要分號,設置為true;不需要分號,設置為false。
保存設置。之后,再去格式化,就能達到預期的效果。
[完]