項目中ESlint配置與VScode中配置沖突問題

 

　　項目下下來直接跑，沒問題，修改后報錯跑不起來。原因是ESlint配置不匹配的問題，如項目中設置的是單引號配置，自動保存格式化后成了雙引號 ，然后就報錯了在，這時候可以選擇修改vscode默認配置與項目一致，如setting.json文件中增加如下配置：

{
   "vetur.format.defaultFormatterOptions": {
      "prettier": {
        "semi": false,
        "singleQuote": true
      },
      "wrap_attributes": "force-aligned"
    },
    "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html" 
}

　　

　　這時候.vue文件可以正常保存運行了。

 

        但是，如果有js文件改動保存的時候又會出現問題，借鑒文章中的方法我這邊試了不行，后續找到好方法再來追加，或者有朋友清楚可以給我留言。

 

 

參考 & 感謝：

https://www.codeprj.com/blog/b807eb1.html