2014-06-06 64 views
8

任何人都可以帮忙吗?Webstorm:通过库添加jquery,但不能在html中添加引用

我在webstorm中的web项目中添加了jquery,果然我在外部库中看到了JQuery2-0,但是我在哪里添加对它的引用?

我试着在html文件中使用代码完成我的脚本标记...但它存储在哪里?在哪个目录中?

因此,在这些脚本标记的src中我指向它的地方。

<script src=""></script> 

有点困惑,webstorm似乎已经下载了脚本,但我很困惑如何链接到它在我的HTML文件。

在此先感谢

回答

3

当您使用下载...按钮设置下载库/ JavaScript的/库,它不是放在项目目录 - 它保存到idea.system.path/extLibs文件夹中(见https://intellij-support.jetbrains.com/entries/23358108了解IDE配置/缓存位置的信息;通常,idea.system.path在Windows/Linux上为~/.<PRODUCT><VERSION>/system,在Mac上为~/Library/Caches/<PRODUCT><VERSION>) 您可以复制该文件(通常为'http_code.jquery.com_jquery-2.0.0.js ')到你的项目目录,然后在你的HTML的'src'属性中使用完成来创建一个到它的链接,或者(甚至更好)使用CDN参考 - 像<script src="http://code.jquery.com/jquery-2.1.1.js"></script>

+0

感谢您的回答,所以我很困惑。看起来有很多工作要下载到一些隐藏的目录中,一旦我需要将它复制到我的项目文件夹中。不会手动下载会更好..它给我什么好处。再次感谢! – Martin

+3

这实际上是一个问题,图书馆是用于:)简而言之:下载一个库允许你获得库类型的完成,而不用用第三方文件敲打你的项目。默认情况下,完成适用于项目根目录下的所有js文件。所以,如果你的项目中已经有了库.js文件,那么完成就足够了。如果他们错过了,并且你不想让他们进入你的项目(因为你更喜欢使用CDN链接来引用这些资源),你可以将它们存储在外部并将它们添加为库,以使它们可用于WebStorm。 – lena

+2

还要注意,与项目中的.js文件相比,库是“轻量级”的 - 它们被视为只读,检查和错误突出显示关闭。另外,您可以为它们分配文档URL,为库代码启用外部文档。因此,即使您的项目中有您的库文件,将它们添加为库也是有意义的 – lena

0

使用UNIX(类似)系统中的终端,使用终端在您的项目中将的符号链接更改为JQuery文件所在的外部库: ​​(Mac)。

Windows用户可能做到这一点,以及通过按右mousebutton选择的jQuery的图书馆目录内的“创建别名”的地方,并推动这一别名使用资源管理器或项目中使用mklink在MS-的实际目录命令行工具(Powershell,..)关于idea.system.path结构lena上面已经描述过。

0

我有同样的问题,我只是最终使用CodePen中使用相同的src。 src =“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js” 我下载了jQuery,但找到了正确的地址......令人讨厌。这是一个简单的修复。