Visual Studio Code 中的 JQuery 智能感知答案

【问题标题】：JQuery intellisense in Visual Studio CodeVisual Studio Code 中的 JQuery 智能感知
【发布时间】：2016-02-27 09:23:21
【问题描述】：

我决定使用 Visual Studio Code 来创建应用程序。
现在我似乎无法让智能感知同时为 JQuery 和 JQuery Mobile 工作。

我的 VSC 版本是 0.10.1

我尝试使用此内容添加 reference.d.ts 文件

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

（从https://github.com/DefinitelyTyped/DefinitelyTyped下载的文件）

我尝试打开一个.js 文件，添加一个$(this) 并按 ctrl+句号，但它说“没有建议”。

我错过了什么？

更新：

尝试在https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson 之后添加jsconfig.json 文件

{
    "files": [
        "js/jquery.d.ts",
        "js/jquerymobile.d.ts"
    ]
}

重启了，什么都没有……

更新 2：

添加了.js 文件，输入$ 并点击灯泡下载jquery.d.ts 文件。它警告我将此文件添加到 jsconfig.json 文件中。做完这一切，重启还是不行。

jsconfig.json文件内容：

{
    "files": [
        "typings/jquery/jquery.d.ts"
    ]
}

什么都没有！

【问题讨论】：

我刚刚尝试将 reference.d.ts 重命名为 _references.js，重新启动 VSC 但仍然没有..
这里有同样的问题。无论我尝试什么设置，VS Code 都不会自动完成 jQuery。微软的文档也不是很有帮助。

标签： jquery ide intellisense visual-studio-code

【解决方案1】：

最新（截至 2017 年 4 月）建议的方法是使用自动类型获取，方法是在项目的根目录中添加 jsconfig.json 文件，其中包含以下内容：

{
 "typeAcquisition": {
     "include": [
         "jquery"
     ]
   }
}

然后，在您的编辑器中，您将看到：

欲了解更多信息，请查看official documentation

【讨论】：

我也可以用 angularjs 做这个吗？
这在一台机器上对我有用，但在另一台机器上对我有用（相同的仓库）。任何线索可能是什么挂断？

【解决方案2】：

如果你已经熟悉 npm（如果不熟悉）

我建议你安装typings，它是一个 typeScript 定义管理器，可以很好地与 Visual Studio Code 配合使用（在 Mac 和 Windows 上测试）

简单运行

npm install typings --global

当然，您必须在本地 pc/mac 上已经拥有 npm installed。

之后，移动到命令行（终端或 cmd）并运行

typings install dt~jquery --global --save

它将创建类型目录和所有必需的文件（无需重新启动 Visual Studio Code），您就可以开始了！。

如果您想了解更多关于打字的信息，请点击上面的打字链接。

【讨论】：

tsd install jquery 打印零结果，有什么提示吗？
tsd 已弃用，您可以运行 npm install typings --global
typings install dt~jquery --global --save / (node:11656) UnhandledPromiseRejectionWarning：未处理的承诺拒绝（拒绝 id：2）：PopsicleError：无法连接到“api.typings.org/entries/ dt/jquery/versions/latest" \

【解决方案3】：

第 1 步：确保您的项目中有定义文件如果你安装了 npm 然后运行

npm i --save-dev @types/jquery

它将在 node_modules/@types/jquery 中安装 jQuery 定义文件别的：下载它。并将其放在任何文件夹中然后，第2步创建一个 jsconfig.json 文件

$ touch jsconfig.json

并将此代码放入 jsconfig.json 文件中

{
    "include": [
        "./node_modules/@types"
    ],
    "exclude": [
        "./node_modules"
    ]
}

就是这样。

**

注意：我不包括 ./node_modules 以防你在你的如果不是项目，则只需包含 jquery.d.ts 文件。

**

谢谢

【讨论】：

【解决方案4】：

我遇到了一点问题，所以我想分享对我有用的解决方案。首先，如果您在控制台中没有它，则需要在项目根 package.json 中输入：

$ npm init

这个命令应该创建一个包含必要内容的 package.json。然后在控制台中运行这个命令：

$ npm install --save @types/jquery

就像@oldbam 在使用自动类型获取之前所说：通过使用以下代码创建 jsonconfig.json：

    {
 "typeAcquisition": {
     "include": [
         "jquery"
     ]
   }
}

【讨论】：

【解决方案5】：

在typings/ 目录下创建一个名为“tsd.d.ts”的文件，内容如下：

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

jsconfig.json 不需要包含 files 属性：

{
    "compilerOptions": {
        "target": "ES5",
    }
}

【讨论】：

我已经尝试了您的建议并重新启动，但仍然无法正常工作。如果我编辑一个独立的 .js 文件并输入 $(this) 我会得到一个建议下载 jquery.d.ts 文件的灯泡，它会这样做。它还建议以下内容：typings/jquery/jquery.d.ts 已成功下载。确保 d.ts 文件包含在您项目的“jsconfig.json”中。

【解决方案6】：

如果您使用的是typings 1.x，您应该使用：

typings install dt~jquery --global

在输入 1.x 时，有很多变化。

【讨论】：

【解决方案7】：

您不应忘记在脚本中添加对 d.ts 文件的引用。例如。在您希望在键入时查看 jquery 建议的脚本顶部添加此引用 /// <reference path="js/jquery.d.ts"/>。

【讨论】：