如何禁用Visual Studio Code中TypeScript保存时自动移除未使用依赖功能
解决方案
这个问题通常由VS Code自带的TypeScript整理导入功能,或是ESLint未使用导入规则的自动修复导致,以下分场景给出配置方法:
场景1:禁用VS Code自带的自动整理导入逻辑
VS Code默认可能在保存时执行source.organizeImports动作,其中包含移除未使用依赖的逻辑。你可以保留格式化功能的同时,单独关闭该动作:
- 打开VS Code设置(快捷键
Ctrl+,/Cmd+,) - 点击右上角的「打开设置(JSON)」图标,进入
settings.json - 添加或修改以下配置:
{ "editor.formatOnSave": true, // 保留保存时格式化功能 "editor.codeActionsOnSave": { "source.organizeImports": false // 关闭自动整理导入(含移除未使用依赖) } }
场景2:禁用ESLint未使用导入规则的自动修复
如果项目依赖ESLint的no-unused-imports规则且开启了自动修复,也会触发保存时移除未使用导入的行为,可通过两种方式处理:
方式A:直接关闭该ESLint规则
在项目根目录的.eslintrc.json或.eslintrc.js中修改规则配置:
{ "rules": { "no-unused-imports": "off" } }
方式B:保留规则但关闭自动修复
若不想完全禁用规则,仅阻止保存时自动修复,可在VS Code的settings.json中添加:
{ "editor.formatOnSave": true, "eslint.codeActionsOnSave": { "rules": { "no-unused-imports": false } } }
内容的提问来源于stack exchange,提问作者Bubblegum
相关产品推荐
相关产品推荐

