解決vscode格式化vue文件出現的問題


遇到的問題

使用vscode開發vue項目的時候,格式化vue文件,與自己配置的eslint標准會有沖突。

  • 引號問題:單引號變雙引號
  • 分號問題:行末是否加分號。自動加/減分號
  • 當然還會有其他個性化沖突,只需要找到怎么修改,就好辦了。

說明

vscode格式化文件,使用的是快捷鍵shift + alt + f
而我安裝了vetur插件來格式化vue文件。
vetur插件默認使用的是prettier來格式化代碼。
prettier官網
vetur文檔格式化說明:
vetur文檔格式化說明

此時,如果要改變格式化風格,那么需要自定義prettier內容。

操作流程

  1. 安裝Prettier-Code formatter插件地址
  2. 打開設置,並配置
    設置
在默認設置中找到`prettier.singleQuote`,並將其設置為true。單引號,設置為true;雙引號,設置為false。
在默認設置中找到`prettier.semi`,並將其設置為false。末尾需要分號,設置為true;不需要分號,設置為false。

用戶設置

保存設置。之后,再去格式化,就能達到預期的效果。
[完]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM