Javascript 如何在VisualStudio代码中对库使用三重斜杠引用?

Javascript 如何在VisualStudio代码中对库使用三重斜杠引用?,javascript,visual-studio-code,Javascript,Visual Studio Code,我试图让Visual Studio代码0.3.0识别我的JavaScript库。然而,智能感知正在抱怨。这是一份报告: 打开VisualStudio代码 文件>打开文件夹(选择新创建的空文件夹) 向该文件夹添加一个文件mytest.js 下载jquery-2.1.4.js(完整/未压缩)到该文件夹(显示在侧栏中) 在mytest.js中输入: var x = jQuery('body'); 结果:在jQuery下出现扭曲的绿色线条。请注意,jQuery只是一个例子,我对KnockoutJS和

我试图让Visual Studio代码0.3.0识别我的JavaScript库。然而,智能感知正在抱怨。这是一份报告:

  • 打开VisualStudio代码
  • 文件>打开文件夹(选择新创建的空文件夹)
  • 向该文件夹添加一个文件
    mytest.js
  • 下载
    jquery-2.1.4.js
    (完整/未压缩)到该文件夹(显示在侧栏中)
  • mytest.js
    中输入:

    var x = jQuery('body');
    
  • 结果:在
    jQuery
    下出现扭曲的绿色线条。请注意,jQuery只是一个例子,我对KnockoutJS和QUnit等库也有同样的问题

    我尝试添加三个斜杠引用,如下所示:

    /// <reference path="jquery-2.1.4.js" />
    
    //
    
    见鬼,它甚至为我自动完成了
    路径。我尝试过稍微改变一下路径,例如开始时的a
    /
    ,但到目前为止,结果总是:

    悬停
    jQuery
    会弹出一个提示:

    找不到名称“jQuery”。
    any


    仍然是蜿蜒的绿线。不过我讨厌歪歪扭扭的线条。我怎样才能摆脱它们呢?

    我不知道VS代码,但是当您试图访问这样的“全局”变量时,常规Visual Studio经常会抱怨。我发现这种模式有助于避免这些警告,并使代码更加模块化:

    (function($) {
        var x = $('body');
    })(jQuery); 
    
    这样做的另一个好处是将声明的变量(
    x
    ,例如)的作用域保持在文件中而不是全局范围内,并允许您在内部为库安全地使用短名称(例如,
    $
    ),同时避免命名冲突。如果您最终需要使用requireJS或类似的工具来加载依赖项,那么它还提供了一条简单的迁移路径


    希望它也能消除您的绿色曲线?

    您需要引用jQuery TypeScript定义文件。


    您需要在应用程序或网站的根目录中设置一个“打字”文件夹在“typings”文件夹中您需要一个jquery.d.ts文件

    您对文件的引用应类似于以下内容,具体取决于文件引用相对于typings/jquery.d.ts文件和文件夹的位置:

    /// <reference path="../../typings/jquery/jquery.d.ts"/>
    
    //
    
    下面是Node.js的TypeScript定义文件参考:

    /// <reference path="typings/node/node.d.ts"/>
    
    //
    
    完成此操作的最简单方法是单击VSCode中的绿色波形,然后单击
    灯泡
    ,然后选择
    添加////对“XYZ.d.ts”的引用
    。这将自动添加您需要的所有内容


    在上面的评论中,如果您希望或需要手动执行此操作,则会引用该网站。

    与squigglies相关的错误消息是什么?@StriplingWarrior问得好。我已经在我的帖子底部添加了这些信息。只是出于好奇,如果你添加对相应的Typescript文件的引用,它会有什么作用吗?一个不错的模式,我对它很熟悉,但这不会仍然让你在最后一行代码上为
    jQuery
    留下那些烦人的曲线吗?(编辑:它在VSCode中是这样做的。)@Jeroen:好吧,drat。在VisualStudio中,这会使警告消失,但这是针对不同于您得到的警告。