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)