VSCode怎么统一团队的自动导入规范-VSCode-PHP中文网

vscode自动导入核心是typescript语言服务稳定加载，需右下角显示ts/js模式、存在tsconfig.json/jsconfig.json、autoimports设为布尔true、禁用冲突插件、路径别名须在tsconfig中配baseurl/paths并重启ts server。

vscode怎么统一团队的自动导入规范

统一团队自动导入规范，核心不是装插件，而是让 TypeScript 语言服务稳定加载并正确解析路径——插件只是补足，基础不牢，所有自动导入都会失效。

这不是插件没装对，而是语言服务根本没启动。常见原因有：

右下角状态栏显示 Plain Text、HTML 或 Vue (Deprecated)，说明当前文件未被识别为 TypeScript 或 JavaScript 模式
项目根目录缺少 tsconfig.json（TS 项目）或 jsconfig.json（JS 项目），哪怕内容是 {"compilerOptions": {}} 也必须存在
typescript.suggest.autoImports 或 javascript.suggest.autoImports 在 settings.json 中被设为字符串 "true" 而非布尔值 true
安装了冲突插件（如旧版 Auto Import (wix)、ES7+ React/Redux snippets），它们劫持了原生补全逻辑

VSCode 完全不读 Webpack/Vite 的 resolve.alias，只认 tsconfig.json 里的 baseUrl 和 paths。必须满足：

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

tsconfig.json 中 compilerOptions 含完整配置："baseUrl": "./src"，"paths": { "@/*": ["*"] }
修改 tsconfig.json 后，需手动执行命令 Developer: Restart TS Server（Cmd+Shift+P）
若用 Vue 单文件，确保已安装 volar（非 Vue - Official），且文件语言模式为 vue（点击右下角切换）

靠单一插件容易漏项或冲突，推荐组合策略：

启用 ESLint 的 import/no-unused-modules 和 import/order 规则，在提交前拦截问题
在 .vscode/settings.json 中写死："editor.codeActionsOnSave": { "source.organizeImports": true } —— 这是 VSCode 原生功能，不依赖插件，稳定删除未使用导入
若需按组排序（如内置 > 外部 > 相对路径），再加 Import Sorter 插件，并设 importSorter.groupOrder 为 ["builtin", "external", "sibling"]
禁用 editor.formatOnSave 对 import 的二次干扰：Prettier 默认不处理 import，但某些格式化插件会重排，造成和 source.organizeImports 冲突