在typescript中使用eslint进行校验

3,230 阅读1分钟

基于vscode进行配置

改变tslint

之前有使用tslint来对代码质量进行保障,由于tslint是eslint的一个子集,并且鉴于eslint的发达生态,所以使用eslint来代替tslint是比较好的一个选择,并且tslint团队也建议转移使用eslint。

项目中使用eslint

这里使用umi的fabric来作为基准校验规则,并且其中也包含了其他配置,可根据自己的需要来进行使用,主要是一些规则的优化。

删除项目中的eslint相关,tslint相关

使用fabric中的eslint

由于fabric中也是eslint配置的规则,则可以进行相应的拓展

项目根目录中的.eslintrc.js

module.exports = {
  extends: [require.resolve('@umijs/fabric/dist/eslint')],

  rules: {
    // your rules
  },
}

在vscode中配置eslint环境

  1. 安装插件eslint

  2. 在配置文件中添加对ts的相关支持,使得可以自行进行依赖配置。

vscode并不会自动lint ts的相关文件,在settings.json中添加

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],