使用Vscode+Eslint插件解決儲存時的格式錯誤

1.問題說明：

在使用vue腳手架建立項目時，運作serve輸出警告：函數前存在多餘空格，代碼末尾缺乏空行問題。

在Vscode中對應進行删除空格和添加空行後，儲存檔案時修改内容恢複原有儲存樣式，即存在儲存沖突現象。

2.解決辦法：

2.1Vscode配置：

如圖搜尋eslint插件并安裝

2.2項目檔案配置：

在使用腳手架建立項目過程中，配置中勾選Linter/Formatter選項，在項目根目錄中查找.eslintrc.js檔案，在module.exports={ rules: { } } 内添加如下代碼：

"eslint.autoFixOnSave": true,  //  啟用儲存時自動修複,預設隻支援.js檔案
 "eslint.validate": [
    "javascript",  //  用eslint的規則檢測js檔案
    {
      "language": "vue",   // 檢測vue檔案
      "autoFix": true   //  為vue檔案開啟儲存自動修複的功能
    },
    {
      "language": "html",
      "autoFix": true
    },
  ]
           

儲存檔案即可。