视觉工作室代码jquery建议

use*_*552 11 jquery visual-studio-code

有没有办法让VSC在jquery中自动建议各种功能?主要的Jquery js文件是否需要以某种方式链接到软件?

作为一个例子,我开始输入这个

$('#test').app
Run Code Online (Sandbox Code Playgroud)

它暗示append

小智 16

尝试$在.js文件中使用.如果将光标移动到警告附近,则会出现一个灯泡.无论是使用Ctrl+.还是通过单击它,都会提出一个代码操作,它将下载并添加对jquery.d.ts的///引用,它将为您提供jQuery的所有优秀IntelliSense

对$的代码操作

  • 似乎对我不起作用.当我点击动作"添加///参考"时,似乎没有任何事情发生. (3认同)

Mar*_*der 10

通过npm(Node.js)

  1. 打开终端(Ctrl+ `).
  2. npm install @types/jquery --save.

手动(没有安装Node.js)

  1. node_modules\@types\jquery\在项目文件夹中创建文件夹结构(如果不存在).*
  2. GitHub获取最新的jQuery类型定义文件
    • 单击"原始".
    • Ctrl+ S(文件>保存).
  3. 将其保存到您的node_modules\@types\jquery\文件夹中index.d.ts.
  4. 完成.您可能需要重新打开*.js文件或VS代码.

注意

您也可以将文件放在其他任何位置,并以不同的方式命名.但是如果你这样做,你还需要在你想要使用jQuery代码建议的每个*.js文件中引用它:

/// <reference path="jquery.d.ts" />
Run Code Online (Sandbox Code Playgroud)

*node_modulesVS Code可以识别该文件夹,因为它"内置了对JavaScript,TypeScript和Node.js的支持",但要采用第一种解决方案,您必须安装Node.js运行时.