後端學前端:解決vscode格式化vue代碼單引號變雙引號或者自動加分號的問題

前言

在使用vscode格式化vue代碼時,出現單引號變成了雙引號問題,還自動加分號(導致和EsLint要求不一致),來看看怎麼解決它!

一、第一種方式,安裝了vetur插件

  1. 打開vscode的設置,搜索vetur,選擇在setting.json中編輯。

    TIM圖片20200327130645

  2. 添加以下代碼:

    "vetur.format.defaultFormatterOptions": {
       "prettier": {
         "semi": false,
         "singleQuote": true
       }
     }
    

    TIM截圖20200327130901

二、第二種方式,添加配置文件

在項目根目錄下新建文件:.prettierrc.json

內容是:

{
    "singleQuote":true,
    "semi":false
}

ok,問題解決!

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