VSCode中Express.js自动补全失效：use、get等函数不显示

问题描述 #

在macOS系统的VSCode中安装了npm intellisense扩展后，Express.js实例的use、get等核心方法无法触发自动补全。相关代码示例：

console.log("Hello bots");
const express = require("express");

const PORT = 3000;
const appx = express();
const authRouter = require("./routes/auth.js");
appx.listen(PORT, "0.0.0.0", function (){
console.log("Connected... hi :)");
});
appx.u // 输入此处未提示"use"方法
appx.g // 输入此处未提示"get"方法

已尝试执行npm i eslint、npm install @types/node及重启VSCode，问题仍未解决。

解决步骤 #

• 安装Express类型定义包：
  执行以下命令安装Express的TypeScript类型定义，这是提供核心方法补全的关键：

  npm install @types/express --save-dev
  

• 启用VSCode JavaScript类型检查：
  打开VSCode设置（快捷键Cmd+,），搜索javascript.implicitProjectConfig.checkJs，勾选该选项，让VSCode利用类型定义文件为JS文件提供智能补全。

• 添加项目配置文件：
  在项目根目录创建jsconfig.json文件，内容如下，明确项目的JavaScript配置规则：

  {
    "compilerOptions": {
      "module": "CommonJS",
      "target": "ES6",
      "checkJs": true
    },
    "include": ["**/*.js"]
  }
  

• 排查扩展冲突：
  暂时禁用除npm intellisense外的其他JavaScript/TypeScript相关扩展，按Cmd+Shift+P选择"Reload Window"后测试自动补全。若恢复正常，再逐个启用扩展找出冲突项。

• 强制重载VSCode窗口：
  安装完类型定义后，按Cmd+Shift+P执行"Reload Window"操作，确保新依赖的类型定义生效。

内容的提问来源于stack exchange，提问作者Anik Saha