Javascript 如何在VisualStudio代码中对库使用三重斜杠引用?
我试图让Visual Studio代码0.3.0识别我的JavaScript库。然而,智能感知正在抱怨。这是一份报告: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和
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中,这会使警告消失,但这是针对不同于您得到的警告。