首页
前端开发
Typescript
eslint-config-divid TypeScript函数式风格ESLint配置

eslint-config-divid TypeScript函数式风格ESLint配置

0 次浏览 0 条评论
zip
zip

eslint-config-divid 的配置方式挺实用，适合喜欢TypeScript和函数式编程风格的你。规则设置偏向Prettier那种整洁风，写起来顺手，看起来舒服，还挺适合多人协作的场景。

你要是对代码的风格比较挑剔，像缩进、空格、引号这些都想统一，那这个配置就合胃口。它结合了像eslint-plugin-functional这样的插件，限制副作用啊、可变变量啊，帮你写出更纯粹的函数式代码。

用法也不复杂，先装上依赖：

yarn add --dev eslint-config-divid eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint-plugin-functional eslint-plugin-import confusing-browser-globals

在项目根目录放个.eslintrc.js文件，内容是：

module.exports = {
  extends: "divid",
  parserOptions: {
    ecmaVersion: 2020,
    sourceType: "module"
  }
};

建议你项目结构稍微规范一点，比如src目录里是纯函数，工具类单独放一个utils文件夹，会更好发挥这个配置的优势。

如果你本来就用React + TypeScript，那搭配这个 eslint 配置，再加上 Prettier，整个代码风格可以说是又整齐又现代。

zip 文件大小：92.43KB