如何在Visual Studio代码中对库使用三斜杠引用？

Question

我正在尝试使用Visual Studio Code 0.3.0来识别我的JavaScript库。然而，intellisense正在抱怨。这是一个复制品：

1. 打开Visual Studio代码
2. 文件＆gt;打开文件夹（选择一个新创建的空文件夹）
3. 将文件mytest.js添加到该文件夹​​
4. 将jquery-2.1.4.js（已完整/未压缩）下载到该文件夹​​（显示在侧栏中）

5. 在mytest.js：

   中输入此内容

   var x = jQuery('body');
   

结果：jQuery下的绿色线条。请注意，jQuery只是一个例子，我对KnockoutJS和QUnit等库有同样的问题。

我尝试过添加三次斜杠参考：

/// <reference path="jquery-2.1.4.js" />

哎呀，它甚至为我自动完成了path。我尝试过稍微改变路径，例如一开始就是./，但结果总是如此：



悬停jQuery会弹出一个说法：

  

找不到名字'jQuery'。
  any

仍然是波浪形的绿线。虽然我讨厌波浪线。我该怎样摆脱它们？

Answer 1

您需要修复jQuery TypeScript定义文件。

你需要一个＆＃39; typings＆＃39;应用或网站根目录中的文件夹。 在＆＃39;类型中＆＃39;文件夹您需要 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中的绿色波浪形，然后单击light bulb并选择Add /// reference to 'XYZ.d.ts'。这将自动添加您需要的所有内容。

在上面的评论中，如果您需要或需要手动执行此操作，则会引用Definitely Typed网站。

Answer 2

我不了解VS Code，但是当您尝试访问＆＃34; global＆＃34;时，常规的Visual Studio经常会抱怨。像这样的变量。我发现这种模式可以帮助我避免这些警告，并使我的代码更加模块化：

(function($) {
    var x = $('body');
})(jQuery); 

这样做的另一个好处是可以将声明的变量（x）保存在文件中，而不是全局，并允许您在内部安全地使用短名称（例如$） ，同时避免命名冲突。如果您最终需要使用requireJS或类似的东西来进行依赖性加载，它还会打开一个简单的迁移路径。

希望它也可以摆脱你的绿色波浪线？