美文网首页
vscode中js文件里没有jq提示

vscode中js文件里没有jq提示

作者: 前端老邹_伯通 | 来源:发表于2020-10-09 17:51 被阅读0次

学生想在 vscode 中的 独立 js 文件 中使用 jq 提示,需要做三步:
1.安装 nodejs(npm)
2.npm下载 @types/jquery
3.项目目录中配置文件


注意:
a.需要重启 vscode;
b.如果无效,需要将npm全局路径添加到环境变量;

第1步:安装 nodejs(内置npm包管理器)

1.1 直接下载安装包,下一步 一路安装!

1.2 检查nodejs中带的npm是否安装成功

  • 开启 命令行工具:windows键 + r打开运行窗口,输入 cmd 回车打开命令行
  • 命令行 输入 npm -v ,如果能看到版本号,则安装成功
    运行窗口
命令行工具

第2步:npm下载 @types/jquery

  • 输入命令:npm i @types/jquery -g
    npm下载 @types/jquery

第3步:项目目录中配置文件(两种方式)

方式1:全局设置,项目中所有js文件中都产生jq提示

  • 在项目根目录 新建 jsconfig.json 文件
  • 复制内容就可以了:
{
  "typeAcquisition": {
      "include": [
          "jquery"
      ]
  }
}
产生提示

方式2:文件提示,只有加入了语法的js文件才产生jq提示

  • 在js文件首行加入:
require('jQuery')
image.png

重启一下 vscode~~ :)

相关文章

网友评论

      本文标题:vscode中js文件里没有jq提示

      本文链接:https://www.haomeiwen.com/subject/fizlpktx.html