美文网首页
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