VisualStudio代码中的JQuery intellisense

VisualStudio代码中的JQuery intellisense,jquery,ide,intellisense,visual-studio-code,Jquery,Ide,Intellisense,Visual Studio Code,我决定跳入Visual Studio代码来创建一个应用程序。 现在我似乎无法让intellisense同时为JQuery和JQuery Mobile工作 我的VSC版本是0.10.1 我尝试添加一个包含此内容的reference.d.ts文件 /// <reference path="js/jquery.d.ts"/> /// <reference path="js/jquerymobile.d.ts"/> 重新启动,没什么 更新2: 添加了一个.js文件,键入$并单击

我决定跳入Visual Studio代码来创建一个应用程序。
现在我似乎无法让intellisense同时为JQuery和JQuery Mobile工作

我的VSC版本是0.10.1

我尝试添加一个包含此内容的
reference.d.ts
文件

/// <reference path="js/jquery.d.ts"/>
/// <reference path="js/jquerymobile.d.ts"/>
重新启动,没什么

更新2:

添加了一个
.js
文件,键入
$
并单击灯泡下载jquery.d.ts文件。它警告我不要将此文件添加到jsconfig.json文件中。 完成所有这些之后,重新启动仍然不工作

jsconfig.json
文件内容:

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

没什么

typings/
目录下创建一个名为“tsd.d.ts”的文件,其内容如下:

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

如果您已经熟悉npm(如果不熟悉,您应该)

我建议您安装一个typeScript定义管理器,它可以很好地与Visual Studio代码配合使用(在Mac和Windows上测试)

简单运行

npm install typings --global
当然,您必须在本地pc/mac上安装npm

之后,移动到命令行(terminal或cmd)并运行

它将创建typings目录和所有必需的文件(不需要重新启动Visual Studio代码),您就可以开始了


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

如果您使用的是typings 1.x,您应该使用:

键入安装dt~jquery——全局

在键入1.x时,有很多变化。

最新(截至2017年4月)建议的方法是使用自动类型获取,方法是在项目根目录中添加
jsconfig.json
文件,内容如下:

{
    "files": [
        "typings/jquery/jquery.d.ts"
    ]
}
{
 "typeAcquisition": {
     "include": [
         "jquery"
     ]
   }
}
然后,在编辑器中,您将看到:


有关详细信息,请选中

您不应该忘记在脚本中添加对d.ts文件的引用。例如,将此参考添加到脚本顶部,以便在键入时查看jquery建议。

我对此有点问题,因此我想与大家分享对我有效的解决方案。 首先,如果控制台中没有project root package.json,您需要它,只需键入:

$ npm init
此命令应创建一个package.json,其中包含必要的内容。 然后在控制台中运行此命令:

$ npm install --save @types/jquery
就像@oldbam在使用自动类型获取之前所说的: 通过使用以下代码创建jsonconfig.json:

    {
 "typeAcquisition": {
     "include": [
         "jquery"
     ]
   }
}
步骤1: 确保项目中有定义文件 如果安装了npm,请运行

npm i --save-dev @types/jquery
它将在node_modules/@types/jQuery中安装jQuery定义文件 其他: 下载它。并把它放在任何文件夹中 那么, 步骤:2 创建一个jsconfig.json文件

$ touch jsconfig.json
{
    "include": [
        "./node_modules/@types"
    ],
    "exclude": [
        "./node_modules"
    ]
}
并将此代码放入jsconfig.json文件中

$ touch jsconfig.json
{
    "include": [
        "./node_modules/@types"
    ],
    "exclude": [
        "./node_modules"
    ]
}
就这样

**

注:我不包括./node_模块,以防您的 如果不是,则只包括jquery.d.ts文件

**


谢谢

我刚刚尝试将reference.d.ts重命名为_references.js,重新启动了VSC,但仍然没有。这里也有同样的问题。无论我尝试什么设置,VS代码都不会自动完成jQuery。微软的文档也不是很有用。我已经尝试了你的建议并重新启动了,但仍然不起作用。如果我编辑一个独立的.js文件并键入$(this),我会得到建议下载jquery.d.ts文件的灯泡,它会这样做。它还建议:typings/jquery/jquery.d.ts已成功下载。确保d.ts文件包含在项目的“jsconfig.json”中。tsd install jquery打印零结果,有任何提示吗?
tsd
不推荐使用,您可以运行
npm install typings--global
typings install dt~jquery--global--save/(节点:11656)UnhandledPromiseRejectionWarning:Unhandled promise拒绝(回复id:2):PopsicleeError:无法连接到“es/dt/jquery/versions/latest”\n我也可以使用angularjs执行此操作吗?这在一台机器上对我有效,但在另一台机器上无效(相同的repo)。有什么线索吗?