Nuxt + Typescript最佳实践3：使用ESLint校验语法

nuxt可以使用eslint来校验我们的代码。

你需要安裝如下依赖包：

   "devDependencies": {
        "@nuxtjs/eslint-config-typescript": "^1.0.2",
        "@nuxtjs/eslint-module": "^1.1.0",
        "babel-eslint": "^10.1.0",
        "eslint": "^6.8.0",
        "eslint-plugin-nuxt": ">=0.5.2"
    }

说明
Nuxt TypeScript ESLint 的已经包含 @nuxtjs/eslint-config，如果你正在使用，请先移除这个依赖。

然后，在根目录建立或编辑 .eslintrc.js文件的extends配置数组，加入 @nuxtjs/eslint-config-typescript :

extends: [
        '@nuxtjs/eslint-config-typescript',
        'plugin:nuxt/recommended'
]

WARNING
因为这样 ESlint 使用 (@typescript-eslint/parser) 当做语法分析器，请确保 parserOptions.parser 这个选项并没有被其他的扩展 (extends) 设定给覆盖。

如果你正在使用 babel-eslint 当做你的语法分析器，请把他从 .eslintrc.js 和你的依赖组件中移除。

最后，在 package.json 中添加 lint 指令。

"lint": "eslint --ext .ts,.js,.vue ."

如果你在此同时还想直接修改文件

TIP
TypeScript ESLint 所有的规则(https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#supported-rules)