如何配置eslint，使得导入的顺序与VSCode的“OrganizeImports”相同？

可以使用插件eslint-plugin-import进行配置。具体步骤如下：

首先，安装该插件：

npm install --save-dev eslint-plugin-import

在.eslintrc配置文件中添加插件：

{
    "plugins": ["import"],
    "rules": {
        // your other rules
    }
}

添加import/order规则，它将使用同样的顺序，就像VSCode的“Organize Imports”：

{
    "plugins": ["import"],
    "rules": {
        "import/order": [
            "error",
            {
                "groups": ["builtin", "external", "internal", ["parent", "sibling", "object"]],
                "newlines-between": "always",
                "alphabetize": {
                    "order": "asc",
                    "caseInsensitive": true
                }
            }
        ]
    }
}

其中，groups按照以下方式排序：内置模块(builtin) > 第三方模块(external) > 本地模块(internal) > 父级、同级和对象(parent、sibling、object)

newlines-between：按照引入组之间始终插入一个换行符

alphabetize：指定按字母顺序排序，不区分大小写

这样，eslint检查导入时将使用与VSCode相同的顺序。

本文内容通过AI工具匹配关键字智能整合而成，仅供参考，火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见，您可以通过联系service@volcengine.com进行反馈，火山引擎收到您的反馈后将及时答复和处理。

展开更多

开发者特惠

面向开发者的云福利中心，ECS 60元/年，域名1元起，助力开发者快速在云上构建可靠应用

ECS首年60元

社区干货

理解 Language Server Protocol 的工作原理

之前各个编辑器(VSCode, Vim, Atom, Sublime...)各自为战,编辑器内部实现的特性和协议都不同。每换一个编辑器,就有可能要给该编辑器中支持的每门语言写一个对应的 Language Server,也就是说假设有 n 门语言,m 个编... 那就是市面上所有的编辑器和 Language Server 的 maintainer 都需要花时间和精力去兼容这个协议,并且这个协议本身也会随着自身版本更新而要求服务端 / 客户端响应新的协议行为。但是总体来说,利大于弊。## LSP...

特惠活动

域名注册服务

cn/top/com等热门域名，首年低至1元，邮箱建站必选

￥1.00/首年起32.00/首年起

立即购买

DCDN国内流量包100G

同时抵扣CDN与DCDN两种流量消耗，加速分发更实惠

￥2.00/年20.00/年

立即购买