Vue cli3 創建項目後prettier格式化不生效

最近使用Vue CLI創建項目,按照之前的設定,使用standard eslint標準。在格式化的時候發現,引號變成了雙引號,結尾的分號也給我自動加上了,格式化的時候也沒法自動格式化,一直報錯,百思不得其解,自己的vscode 的setting文件裏,prettier設置的都是單引號,不要分號的,完全不知道哪裏出錯了。

關鍵時候還得Google,在prettier issue中發現了原因所在,prettier3.7以上會優先讀取項目根目錄下的editorconfig or prettier config,如果有,就不會使用vscode setting中的設置,所以最好每個項目都配置一個單獨的 prettier 配置 文件。

並且在.editorconfig 中沒法配置行末不加分號,所有,只能配置一個 prettier文件了。
我最終在項目下新建了一個 .prettierrc 文件,內容如下:

{
  "printWidth": 300,
  "tabWidth": 2,
  "singleQuote": true,
  "semi": false
}

解決了我的問題。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章