如何配置 VSCode 的 Organize Imports 顺序?
How to config VSCode's Organize Imports order?
我想配置 Organize Imports 的顺序。
现在,它将 node_modules
相关导入语句移到最顶部,将本地 ts
文件移到最底部:
正常:
import myFunction from './myFunction';
import fs from 'fs';
console.log(fs)
console.log(myFunction)
在 运行 组织导入命令之后:
import fs from 'fs';
import myFunction from './myFunction';
console.log(fs)
console.log(myFunction)
我想做的是颠倒顺序,我希望node_modules
在最底部,本地进口在最顶部。
我怎样才能实现这种行为?
内置 "Organize Imports" 功能没有配置,根据 the documentation。
您可以使用第三方扩展自定义导入顺序,例如 alfnielsen.vsc-organize-imports
或使用单独的 linting 工具,例如 eslint 或 tslint。
在 eslint 中(我的推荐,因为 tslint 已被弃用),您还需要使用像 eslint-plugin-import
to get the more-specific configuration you want. Then, instead of using the VSCode "Organize Imports" action, you'll use the "Fix All" action or a invoke a quick fix.
这样的插件
这是部分示例 .eslint.js
配置文件。
module.exports = {
plugins: [
"import",
],
rules: {
"import/order": [
"error",
{
groups: [
"index",
"sibling",
"parent",
"internal",
"external",
"builtin"
]
}
]
}
}
我想配置 Organize Imports 的顺序。
现在,它将 node_modules
相关导入语句移到最顶部,将本地 ts
文件移到最底部:
正常:
import myFunction from './myFunction';
import fs from 'fs';
console.log(fs)
console.log(myFunction)
在 运行 组织导入命令之后:
import fs from 'fs';
import myFunction from './myFunction';
console.log(fs)
console.log(myFunction)
我想做的是颠倒顺序,我希望node_modules
在最底部,本地进口在最顶部。
我怎样才能实现这种行为?
内置 "Organize Imports" 功能没有配置,根据 the documentation。
您可以使用第三方扩展自定义导入顺序,例如 alfnielsen.vsc-organize-imports
或使用单独的 linting 工具,例如 eslint 或 tslint。
在 eslint 中(我的推荐,因为 tslint 已被弃用),您还需要使用像 eslint-plugin-import
to get the more-specific configuration you want. Then, instead of using the VSCode "Organize Imports" action, you'll use the "Fix All" action or a invoke a quick fix.
这是部分示例 .eslint.js
配置文件。
module.exports = {
plugins: [
"import",
],
rules: {
"import/order": [
"error",
{
groups: [
"index",
"sibling",
"parent",
"internal",
"external",
"builtin"
]
}
]
}
}