如何在Yarn2+的JavaScript项目中实现auto-imports与intellisense？

• 检查VS Code核心设置
  打开设置（快捷键Ctrl+,/Cmd+,），确保以下选项已开启：

  • javascript.suggest.autoImports 勾选
  • javascript.implicitProjectConfig.checkJs 设置为true
  • javascript.suggestionActions.enabled 勾选

• 确保依赖被正确识别
  执行yarn install完成依赖安装后，若智能提示仍未生效，可通过命令面板（Ctrl+Shift+P/Cmd+Shift+P）执行Reload Window重启VS Code，触发语言服务重新扫描node_modules目录。

• 添加项目配置文件
  在项目根目录创建jsconfig.json文件，明确模块解析规则：

  {
    "compilerOptions": {
      "module": "ESNext",
      "target": "ES6",
      "baseUrl": ".",
      "paths": {
        "*": ["node_modules/*"]
      }
    },
    "include": ["src/**/*"],
    "exclude": ["node_modules", "dist"]
  }
  

  该文件会引导VS Code语言服务正确识别项目内及node_modules中的包。

• 排查扩展冲突
  临时禁用所有第三方代码补全类扩展，重启VS Code后测试智能提示是否恢复，排查是否有扩展干扰默认语言服务。

• 适配Yarn版本特性
  若使用Yarn 2+的PnP模式，需安装VS Code官方的Yarn PnP Support扩展，否则默认语言服务无法读取PnP模式下的依赖结构；Yarn 1版本需确保未启用依赖隔离类配置。

内容的提问来源于stack exchange，提问作者Shikhar Mishra