javascript - WebStorm:如何将 HTML 链接到已安装的 JS 库?

标签 javascript jquery html webstorm

我正在使用 WebStorm。我使用它的内置功能来安装 jQuery。它现在出现在 External Libraries 中项目的一部分。

但我无法将我的 Html 文件链接到它 (<script src="???"></script>)。如何做到这一点?

最佳答案

你不能。在 Settings/Languages&Frameworks/JavaScript/Libraries 中配置的 Javascript 库(在项目窗口中显示为外部库)与 <script> 中的引用完全无关。标签。前者由 IDE 用于代码完成/导航/错误突出显示,后者由浏览器在运行时使用。浏览器对 IDE 中配置的 javascript 库一无所知,IDE 不使用 <script> HTML 文件中的引用。 您需要将 CDN 链接指定为 URL(如“http://code.jquery.com/jquery-2.0.0.min.js”)或将 WebStorm 从 ~/.WebStorm9/system/extLibs 下载的文件复制到您的项目目录并指定相对于您的 .html 文件的路径。

让我试着把事情弄清楚。库应该用于什么:默认情况下,补全适用于位于项目根目录下的所有 JavaScript 文件。所以,如果你的项目结构中已经有库 .js 文件,就足以完成。如果它们丢失了,并且您不想让所有这些文件弄乱您的项目,您可以将它们存储在外部(在您的项目之外)并将它们配置为库以供 WebStorm 使用。另请注意,与项目中的 .js 文件相比,库是“轻量级”的——它们被视为只读,关闭检查。此外,您可以为它们分配文档 URL,从而为库代码启用外部文档。因此,即使您的项目中有库文件,将它们作为库添加也是有意义的

总结一下:

•在项目结构中放置在源文件旁边的库文件对于 WebStorm 和浏览器都是可用的,无论它们是否被添加到设置中的 javascript 库中

•通过 HTML 中的 CDN 链接引用的在线库在运行时可供浏览器使用,但不能用于完成 开发环境

• 放置在项目外部并配置为 javascript 库的库文件将可供 WebStorm 完成, 但不会被浏览器加载

关于javascript - WebStorm:如何将 HTML 链接到已安装的 JS 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28383607/

相关文章:

jquery - 3 列批量图片库

javascript - ajax请求后如何用新数组替换旧数组?

html - 超链接中不同端口号的相对 URL?

html - 内联 CSS - 背景位置不起作用

javascript - jquery on ('click' ) vars 引用的多个元素的处理程序

javascript - javascript中没有四舍五入的十进制比较

javascript - fadeToggle 与 animate :width? 结合时出现故障

javascript - 无法使用 AngularJS + Stormpath 提交表单

html - inline-flex div 的宽度是如何决定的?

javascript - 如何让AngularJS在登录后刷新标题