TypeScript 学习 -代码检查工具 eslint
代码检查工具
尽管 TypeScript 提供了类型检查和静态分析功能，使用 ESLint 仍然能带来很多好处，特别是当需要确保代码质量、遵循一致的代码风格、避免潜在的错误和提高团队协作时。ESLint 和 TypeScript 是互补的工具，它们共同帮助你保持高质量的代码。
vscode 插件 ESLint 版本是: 3.0.10
package.json 增减依赖:
"devDependencies": {
"@eslint/js": "^9.18.0",
"eslint": "^9.18.0",
"globals": "^15.14.0",
"typescript": "^5.7.3",
"typescript-eslint": "^8.21.0"
}
eslint.config.mjs:
可以使用 npx eslint --init 生成配置文件
import globals from "globals";
import pluginJs from "@eslint/js";
import tseslint from "typescript-eslint";
/** @type {import('eslint').Linter.Config[]} */
export default [
{files: ["src/**/*.{js,mjs,cjs,ts}"]},
{languageOptions: { globals: globals.browser }},
pluginJs.configs.recommended,
...tseslint.configs.recommended,
];
如果发现 eslint 没有生效, 可以看看 vscode 的插件和全局安装的 eslint.
可以尝试升级全局的 eslint:
yarn global upgrade eslint