大型js项目模块管理需插件、工作区配置与项目结构协同：import cost需手动启用ts支持并配webpack路径；go to definition需多根工作区+paths映射；搜索须限定src目录并排除node_modules；eslint/prettier依赖正确配置文件及多根工作区独立设置。
大型 JavaScript 项目里模块管理混乱，根本不是“装几个插件就能解决”的事——真正卡住你的，是 import 跳转失效、体积感知失真、跨包引用不识别、搜索结果被 node_modules 淹没。这些必须靠插件 + 工作区配置 + 项目结构三者协同才能稳住。
Import Cost 显示的体积为什么总是 0 B 或不准
默认只看 package.json 里的 dependencies 字段，对本地路径 import（如 import utils from "../shared/utils"）、monorepo 中的 workspace 包、或 @types 包完全无感。
- 必须手动启用 TypeScript 支持：在 VSCode 设置中搜
import cost typescript，勾选Import Cost: Enable Typescript Support - 如果用的是 pnpm workspaces 或 yarn 3+，需在项目根目录加
import-cost.config.js，内容为：module.exports = { webpackConfigPath: './vite.config.ts' };（注意路径要真实存在且能 resolve 到 bundle） - 私有包或本地 symlink 包必须写进
.importcostignore，否则会反复报错并中断计算
Go to Definition（F12）跳不到 monorepo 子包源码
VS Code 默认只索引当前工作区文件夹，node_modules 里软链进去的包（比如 pnpm link 或 yarn link）不会触发跳转——因为源码物理路径不在工作区里。
- 方案一（推荐）：把子包目录直接加进多根工作区，再在主项目的
tsconfig.json里配"paths"映射，例如："@shared/*": ["../shared/src/*"]
- 方案二（临时）：用
npm link后，在工作区设置里加："typescript.preferences.includePackageJsonAutoImports": "auto"
，但仅对已安装类型声明的包有效 - 绝对不要依赖 “自动推断 node_modules 中的源码”——TypeScript 语言服务根本不会扫描 symlink 目标目录
Ctrl+Shift+F 搜索 import 语句却找不到跨包组件
默认搜索范围太宽，node_modules 和 dist 占用大量时间，而你要找的 import { Button } from "@ui/components" 可能藏在 symlink 指向的源码里，但被排除在外。
- 在搜索框右上角点
files to include，填：src/**/*.{js,jsx,ts,tsx} - 点
files to exclude，填：**/node_modules/**,**/dist/**,**/build/**,**/*.d.ts - 关掉
Use Regular Expression图标——否则import.*Button会被当正则，匹配到所有含 “import” 和 “Button” 的行（中间可能隔几百行） - 如果子包源码在工作区外（比如 ../shared），得先确保它已被
Add Folder to Workspace…加入，否则搜索根本看不到那些文件
为什么装了 ESLint/Prettier 还是格式化错乱或报错不提示
插件本身不决定规则，它只是管道；真正起作用的是项目级配置文件是否存在、是否被正确加载、是否与插件版本兼容。
- ESLint 必须有
.eslintrc.cjs或eslint.config.js（v9+ 新格式），且不能只靠package.json里的eslintConfig字段——新版 ESLint 不读那个 - Prettier 配置优先级：文件内
// prettier-ignore> 项目根目录.prettierrc> 用户全局设置；如果.prettierrc是 YAML 格式但插件只认 JSON，就会静默失败 - 多个子项目共用一套 lint 规则？别复制粘贴配置文件——用符号链接：
ln -s ../.eslintrc.cjs .vscode/.eslintrc.cjs，再在各子项目.vscode/settings.json里指定"eslint.options": { "configFile": "./.vscode/.eslintrc.cjs" }
最常被忽略的一点：多根工作区里每个子文件夹的 .vscode 是独立生效的，settings.json 里写的 editor.tabSize 不会继承，eslint.enable 也得各自开关——你以为统一关了 ESLint，其实只有 frontend 生效，backend 还在狂报错。
