需安装npm Intellisense扩展、确保package.json和node_modules存在、启用javascript/typescript.suggest.autoImports设置、禁用冲突扩展并重启TS Server。

如果您在使用 VSCode 编辑 JavaScript 或 TypeScript 项目时,发现 require() 或 import 语句中无法自动提示已安装的 npm 模块名称,则可能是 npm Intellisense 功能未启用或配置异常。以下是启用并修复该功能的多种方法:
本文运行环境:MacBook Pro,macOS Sequoia。
一、安装并启用 npm Intellisense 扩展
VSCode 默认不内置 npm 模块智能提示功能,需通过官方推荐的扩展实现。该扩展会扫描 node_modules 目录,并在 import/require 语句中提供模块名补全。
1、打开 VSCode,点击左侧活动栏的扩展图标(或按 Cmd+Shift+X)。
2、在搜索框中输入 npm Intellisense,找到作者为 Christian Kohler 的扩展。
3、点击“安装”按钮,安装完成后点击“重新加载”使扩展生效。
二、验证 package.json 和 node_modules 存在性
npm Intellisense 依赖项目根目录下有效的 package.json 文件及已安装的 node_modules。若缺失任一要素,模块提示将完全失效。
1、在 VSCode 资源管理器中确认当前工作区根目录包含 package.json 文件。
2、终端进入项目根目录,执行 ls node_modules,确认目录非空且存在子文件夹。
3、若 node_modules 为空或不存在,运行 npm install 完成依赖安装。
锐智企业建站系统主要面向企业进行产品展示、推广、企业形象展示而设计研发,系统界面简洁大方,管理操作非常简易,可高效构建企业、行业、律师、医院、政府信息门户网站、内部知识网站、信息门户等平台,并内置了专业的内容管理功能模块,可为浏览网站的顾客提供全方位的导购服务,为网站提供专业而强大的内容资讯管理。适用于各类进行直销/分销电子商务运营的传统生产企业和销售/贸易型公司进行专业电子商务网站构建。 系统特
三、检查 VSCode 设置中的相关配置项
某些用户级或工作区设置可能覆盖扩展默认行为,导致 Intellisense 不触发。需手动校验关键配置是否启用。
1、按下 Cmd+, 打开设置界面,在右上角点击“打开设置(JSON)”图标。
2、确保以下两项存在于 settings.json 中且值为 true:"javascript.suggest.autoImports": true 和 "typescript.suggest.autoImports": true。
3、若不存在,手动添加至 JSON 对象内,保存后重启 VSCode 窗口。
四、禁用冲突扩展并重置语言服务
部分第三方 JavaScript/TypeScript 工具扩展(如 Auto Import、Path Intellisense)可能与 npm Intellisense 在路径解析阶段发生竞争,造成提示中断。
1、在扩展面板中依次禁用 Auto Import、Path Intellisense 及其他名称含 “import” 或 “path” 的补全类扩展。
2、按下 Cmd+Shift+P,输入 Developer: Restart TS Server 并回车。
3、重新打开一个 .js 或 .ts 文件,测试 import 语句中的模块名提示是否恢复。









