如何配置VS Code采用Node.js上下文，不默认识别fetch等DOM API？

方法1：通过jsconfig.json配置项目上下文 #

在项目根目录创建或修改jsconfig.json文件，明确指定环境为Node.js，关闭浏览器相关全局类型：

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "CommonJS",
    "lib": ["ESNext"],
    "types": ["node"]
  },
  "exclude": ["node_modules"]
}

• lib字段仅保留ESNext，移除DOM，避免加载浏览器全局类型（包括fetch、Request等）
• types字段指定仅加载node类型定义，让VS Code只识别Node.js原生API

方法2：修改VS Code工作区/全局设置 #

若要针对单个工作区或全局生效，可调整VS Code设置：

1. 打开设置面板（快捷键Ctrl+,或Cmd+,）
2. 搜索javascript.implicitProjectConfig.checkJs，确保勾选（开启JS类型检查）
3. 搜索javascript.implicitProjectConfig.lib，将值改为["ESNext"]，移除DOM
4. 搜索javascript.types，将node添加到列表中

方法3：配合node-fetch的类型定义（可选） #

如果需要在项目中使用node-fetch，可同时安装其类型定义，确保导入后有正确提示：

npm install node-fetch @types/node-fetch --save

之后在代码中显式导入使用：

// ES模块风格
import fetch from 'node-fetch';
// CommonJS风格
const fetch = require('node-fetch');

完成上述配置后，VS Code会严格遵循Node.js上下文检查：未显式导入fetch时，调用fetch或访问Request/Response等类型会直接高亮错误，只有导入后才会正常识别。

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