eslint 等寫的很好的博客 https://segmentfault.com/a/1190000019896962
vscode 中 展示錯誤的使用的 是vscode eslint 插件
打包顯示錯誤都是基於 eslint-loader 的。
使用vue-cli構建的項目中 自帶的有：
extends: [
"plugin:vue/essential", // 取的是 eslint-plugin-vue 中config 為 essential的配置 如下圖
"eslint:recommended", //官方的eslint recommended配置
https://github.com/eslint/eslint
"@vue/typescript/recommended", 這個沒搞懂 哪來的，應該是 eslint-config-typescript 中的 eslint-config-typescipt 中引入的是
],
"plugin:vue/essential", // 取的是 eslint-plugin-vue 中config 為 essential的配置 如下圖
"eslint:recommended", //官方的eslint recommended配置
https://github.com/eslint/eslint
"@vue/typescript/recommended", 這個沒搞懂 哪來的，應該是 eslint-config-typescript 中的 eslint-config-typescipt 中引入的是
extends: [
'plugin:@typescript-eslint/eslint-recommended'
],
@typescript-eslint/eslint-recommended 引入的是：
npm 帶@ 是組織名。
在vscode 使用eslint 插件，它會讀取當前目錄下的eslintrc.js配置來作為檢查規則
ts中設置別名: tsconfig.json
"paths": {
"@/*": [
"src/*"
],
"components/*":[
"src/components/*"
]
},
vue設置別名:vue.config.js
chainWebpack: config => {
config.resolve.alias.set('components', path.resolve(__dirname, './src/components'))
}
ts中設置的別名，只會解析ts文件，對vue文件不生效，需要在vue.config.js中也設置
vetur 插件有默認的配置規則(
https://vuejs.github.io/vetur/linting-error.html#error-checking)，如果關閉默認的配置規則，它會讀取eslint-plugin-vue 的配置，以根目錄的 tsconfig.json作為 ts規則
