eslint import 排序和单词拼写检查插件-CSDN博客

本文链接：https://blog.csdn.net/qq_35516360/article/details/122064511

本文介绍了如何利用eslint插件进行import排序和单词拼写检查，以提升代码质量和规范性。通过配置.eslintrc文件，可以确保代码中的import语句自动排序，并对可能的拼写错误进行警告，从而在Vite等项目中避免导入错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文链接: eslint import 排序和单词拼写检查插件

上一篇: ts import type和export type 解决vite中导入类型报错的问题

下一篇: vite worker 简单使用

对import语句进行排序, 这样可以保持项目中引入位置是一致的, 单词检查主要是减少拼写错误, 这个插件还有待完善, 但可以不定期试试, 减少typo

https://github.com/lydell/eslint-plugin-simple-import-sort

https://github.com/aotaduy/eslint-plugin-spellcheck

运行时提示缺啥就装啥

.eslintrc

module.exports = {
  parser: '@typescript-eslint/parser',
  parserOptions: {
    project: ['tsconfig.json'],
  },
  plugins: ['@typescript-eslint', "spellcheck","simple-import-sort"],
  rules: {
    'no-unused-vars': 'off',
    "spellcheck/spell-checker": [1,
        {
            "comments": false,
            "strings": false,
            "identifiers": false,
            "lang": "en_US",
            "skipWords": [
                "dict",
                "aff",
                "hunspellchecker",
                "hunspell",
                "utils",
                "lottie"
            ],
            "skipIfMatch": [
                "http://[^s]*",
                "^[-\\w]+\/[-\\w\\.]+$" //For MIME Types
            ],
            "skipWordIfMatch": [
                "^foobar.*$" // words that begin with foobar will not be checked
            ],
            "minLength": 5
         }
     ],
    "simple-import-sort/imports": "error",
    "simple-import-sort/exports": "error",
    "import/first": "error",
    "import/newline-after-import": "error",
    "import/no-duplicates": "error"
  },
  overrides: [
    {
      files: ['**/*.ts'],
      rules: {
        'no-undef': 'off',
      },

    },
  ],
};