Visual Studio Code中的JQuery intellisense

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

我的VSC版本是0.10.1

我尝试使用此内容添加reference.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" ] } 

没有!

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

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

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

Visual Studio Code中的jquery intellisense

有关更多信息,请查看官方文档

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

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

简单地跑

 npm install typings --global 

当然,您必须在本地PC / mac上安装 npm。

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

 typings install dt~jquery --global --save 

它将创建typings目录和所有必需的文件(不需要重新启动Visual Studio代码),你准备好了!

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

步骤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文件。

**

谢谢

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

 ///  ///  

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

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

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

typings安装dt~jquery –global

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

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

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

 $ npm init 

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

 $ npm install --save @types/jquery 

和@oldbam一样,在使用自动类型获取之前说:通过使用以下代码创建jsonconfig.json:

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