vscode 配置 eslint 支持 typescript

400 阅读1分钟
  1. mkdir 新建文件夹;

  2. vscode 扩展中搜索 eslint 并安装;

  3. 执行 npm init 生成 package.json 文件;

  4. 执行 npm i typescript eslint -D 安装 typescript 和 eslint;

  5. 快捷键 shift + command + p 或者执行 eslint --init 生成 .eslintrc.js 文件;

  6. vscode 编辑器右下角点击启用 eslint;

  7. 重启 vscode;

  8. 可以在根目录新建 index.ts 文件,添加语句 console.log('1'),并在 .eslintrc.js 文件 rules 规则中增加 "no-unused-vars": 2 验证 eslint 是否生效;

  9. 在 .vscode setting.json 文件中可以配置 eslint 规则,比如保存文件时,自动格式化代码:

    {
      "editor.codeActionsOnSave": {
            "source.fixAll": true
        }
    }