Visual Studio Code中的JQuery intellisense

时间:2015-11-24 19:22:26

标签: jquery ide intellisense visual-studio-code

我决定跳进Visual Studio Code来创建一个应用程序 现在我似乎无法让intellisense为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 + period但它 说'没有建议'。

我错过了什么?

更新

尝试在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"
    ]
}

没有!

7 个答案:

答案 0 :(得分:10)

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

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

然后,在您的编辑器中,您将看到:

jquery intellisense in Visual Studio Code

有关详情,请查看official documentation

答案 1 :(得分:7)

如果你已经熟悉npm(如果不是你应该)

我建议您安装typings这是一个类型脚本定义管理器,可以很好地使用Visual Studio Code(在Mac和Windows上测试)

简单地运行

npm install typings --global

当然,你必须在你的本地电脑/ mac上已经有installed npm。

之后,移至命令行(终端或cmd)并运行

typings install dt~jquery --global --save

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

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

答案 2 :(得分:1)

第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"
    ]
}

就是这样。

**

  

注意:我将./n​​ode_modules排除在外,以防您拥有它   如果没有项目,那么只需包含jquery.d.ts文件。

**

谢谢

答案 3 :(得分:0)

typings/目录下的

创建一个名为&#34; tsd.d.ts&#34;的文件。具有以下内容:

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

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

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

答案 4 :(得分:0)

如果你使用的是typx 1.x,你应该使用:

typings install dt~jquery --global

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

答案 5 :(得分:0)

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

答案 6 :(得分:0)

我有点问题,所以我想分享对我有用的解决方案。 首先你需要在项目root package.json中,如果你没有在控制台中输入它:

$ npm init

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

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

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