TypeScript 学习之路进阶版 - 扩展

代码检查

eslint 能够发现一些tsc不会关心的错误，检查出一些潜在的问题

TypeScript中使用Eslint

eslint安装

1	npm install eslint -S

由于ESLint 默认使用Espree进行语法解析，无法识别TypeScript中的一些语法，因此我们需要安装@typescript-eslint/eslint-plugin, 他作为eslint默认规则的补充，提供了一些额外的适用于ts语法的规则

1	npm install --save-dev @typescript-eslint/eslint-plugin

创建配置文件

ESLint 需要配置文件来决定对哪些规则进行检查配置文件的名称一般是.eslintrc.js或.eslintrc.json

当运行ESLint的时候检查一个文件，他会首先尝试读取到文件的目录下的配置文件，然后一级一级往上查找，将所找到的配置合并起来

在根目录创建一个.eslintrc.js

module.exports = {
  parser: '@typesript-eslint/parser',
  plugins: ['@typescript-eslint'],
  rules: {
    // 禁止使用var
    'no-var': 'error',
    // 优先使用interface 而不是type
    '@typescript-eslint/consistent-type-difinitions': [
      'error',
      'interface'
    ]
  }
}