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

Question

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

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

Answer 1

你不能。在 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 完成， 但不会被浏览器加载