vscode給 vue 項目 添加 eslint 驗證提示遇到的細節問題

這里記錄一下 ，vscode給 vue 項目 添加 eslint 驗證提示遇到的細節問題 。

如何在保存的時候自動格式化

在新版本中，開啟保存格式化的配置改了。現在可以在setting.json文件中，添加下面的配置:

"editor.codeActionsOnSave": {
     "source.fixAll.eslint": true
},

但是這無法格式化vue文件中的template和style，這個可以用vetur來格式化，只是要注意 去掉對js的格式化，否則會覆蓋eslint的格式化。配置如下：

"vetur.format.defaultFormatter.js": "none",

.eslintrc.js 在目錄的位置引發的問題

如果你跟筆者一樣，.eslintrc.js是放在子目錄 而不是 根目錄的話，會出現無法運行eslint驗證的問題，點擊vscode右下角的ESLint打開OUTPUT窗口，會發現報Cannot find module 'eslint-plugin-vue'的錯誤，即使你在全局安裝該插件也無法解決問題。經過google查找，找到了解決方法，在setting.json文件中添加下面配置即可：

"eslint.workingDirectories": [
      "./這里填寫你的子目錄名稱"
],