Sublime Text 4如何为JS文件全局指定jQuery类型文件路径？

方法1：编辑器全局配置（推荐，无冗余代码） #

如果你用VS Code，直接修改用户全局设置，让编辑器自动加载这个jQuery类型定义，完全不用在文件里加任何代码：

1. 打开VS Code设置（快捷键Ctrl+,），点击右上角的{}图标进入JSON编辑模式
2. 添加以下配置：

{
  "javascript.implicitProjectConfig.typeRoots": ["C:/dev-tools/node_modules/@types"]
}

这样VS Code会自动从你指定的全局@types目录加载所有类型定义，包括jQuery，打开任何非项目JS文件时都会自动启用jQuery的补全提示，完全不需要修改文件内容。

如果只想单独加载jQuery类型，也可以这样配置：

{
  "javascript.implicitProjectConfig.types": ["jquery"]
}

前提是你的全局@types目录已经被VS Code识别，或者你已经全局安装了@types/jquery（执行npm install -g @types/jquery即可）。

方法2：自定义代码片段（自动插入临时代码） #

如果一定要用自动插入代码的方式，VS Code自带代码片段功能，不用额外装插件：

1. 按Ctrl+Shift+P打开命令面板，输入Configure User Snippets，选择javascript.json
2. 粘贴以下配置：

"Auto-inject jQuery Type Reference": {
  "prefix": "jq-init",
  "body": [
    "/// <reference path=\"C:/dev-tools/node_modules/@types/jquery/index.d.ts\" />",
    "$0"
  ],
  "description": "快速插入jQuery类型引用注释"
}

之后打开JS文件，输入jq-init按回车，就能自动插入引用注释。如果想让新建JS文件时自动插入，可以配合文件模板插件（比如File Templates），但这种方式会留下代码，后续需要手动删除，不如方法1实用。

其他编辑器（比如WebStorm） #

在WebStorm里可以添加全局库：

1. 打开File > Settings > Languages & Frameworks > JavaScript > Libraries
2. 点击+，选择Attach Files，找到C:\dev-tools\node_modules\@types\jquery\index.d.ts
3. 勾选Global选项，这样所有JS文件都会自动识别jQuery的类型定义。

内容的提问来源于stack exchange，提问作者Todor C.