Visual Studio 代码 jquery 建议

Question

有没有办法让 VSC 自动建议 jquery 中的各种函数？主 Jquery js 文件是否需要以某种方式链接到软件？

作为一个例子，我开始输入这个

$('#test').app

它暗示

append

？

Answer 1

尝试在 .js 文件中使用

$

。如果将光标移动到警告附近，就会出现一个灯泡。无论是使用

Ctrl+.

或单击它，都会建议一个代码操作，该操作将下载并添加 /// 对 jquery.d.ts 的引用，这将为您提供所有不错的 jQuery IntelliSense

Answer 2

通过 npm (Node.js)

1. 打开终端（Ctrl + `）。

2. npm install @types/jquery --save

   .

手动（未安装 Node.js）

1. 在项目文件夹中创建

   node_modules\@types\jquery\

   文件夹结构（如果不存在）。 *
2. 从 GitHub
获取最新的 jQuery 类型定义文件

• 单击“原始”。
• Ctrl + S（文件 > 保存）。

3. 将其保存到您的

   node_modules\@types\jquery\

   文件夹中，名称为

   index.d.ts

   。
4. 完成。您可能需要重新打开 *.js 文件或 VS Code。

注意
您还可以将该文件放置在其他位置并以不同的名称命名。但如果您这样做，您还需要在每个要使用 jQuery 代码建议的 *.js 文件中引用它：

/// <reference path="jquery.d.ts" />

*VS Code 可以识别

node_modules

文件夹，因为它“内置了对 JavaScript、TypeScript 和 Node.js 的支持”，但要采用第一种解决方案，您必须安装 Node。 js 运行时.

Answer 3

如果你使用npm，你可以

npm install @types/jquery --save-dev

并添加

/// <reference types="jquery" />

到你的js文件。

参考：https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html#-reference-types-