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" ] } }
然后,在您的编辑器中,您将看到:
有关更多信息,请查看官方文档
如果你已经熟悉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" ] } }