如何让VS Code IntelliSense识别bootstrap.js中全局注册的模块？

我之前在Vue项目里也碰到过一模一样的情况，折腾了好一会儿才搞定，给你几个按优先级排序的解决方案，一步步来应该能解决：

• 先确认bootstrap.js的模块暴露方式
  如果你只是在bootstrap.js里import _ from 'lodash'但没把它传递出去，VS Code的IntelliSense是没法追踪到的。两种常见的处理方式：

  • 全局挂载到window：

    // src/bootstrap.js
    import _ from 'lodash';
    window._ = _; // 把lodash挂载到全局window对象
    

  • 导出给main.js后注入Vue：

    // src/bootstrap.js
    import _ from 'lodash';
    export default { _ };
    
    // src/main.js
    import bootstrap from './bootstrap';
    // Vue 2挂载到原型
    Vue.prototype._ = bootstrap._;
    // Vue 3用全局属性
    app.config.globalProperties._ = bootstrap._;
    

• 配置项目的jsconfig/tsconfig文件（核心步骤）
  VS Code的IntelliSense依赖这个配置来扫描和解析项目文件。在项目根目录创建或修改jsconfig.json（JS项目）：

  {
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@/*": ["src/*"]
      },
      "typeRoots": ["node_modules/@types"]
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules"]
  }
  

  要是你用的是TypeScript项目，就修改tsconfig.json的对应字段。另外记得安装lodash的类型定义：npm install @types/lodash --save-dev，这能让IntelliSense拿到完整的lodash方法提示。

• 在Vue组件里补充类型声明（可选但有效）
  如果是全局挂载的window._，可以在组件的<script>顶部加一行类型声明，强制告诉VS Code这个变量的类型：

  /* global _: typeof import('lodash') */
  

  这样IntelliSense就能立刻识别出_是lodash的实例，调用_.的时候就能弹出方法提示了。

• 重启VS Code的语言服务
  改完配置后有时候需要手动刷新语言服务才会生效：按Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac），输入Restart TS Server（JS项目也能用这个命令），等服务重启后再试试触发智能提示。

• 检查Vue插件状态
  如果你用的是Vetur或Volar插件，确保插件是最新版本，并且在设置里开启了类型检查相关的选项。比如Volar的话，要确认项目的Vue版本和插件兼容，避免插件冲突导致IntelliSense失效。

内容的提问来源于stack exchange，提问作者Mihai Constantin