WebStorm:我如何 link HTML 到已安装的 JS 库?

WebStorm: How can I link the HTML to an installed JS library?

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

但我不能 link 我的 Html 文件到它 (<script src="???"></script>)。如何做到这一点?

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

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

所以,总结一下:

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

中的javascript 库中

•您的 HTML 中通过 CDN link 引用的在线库可在运行时供浏览器使用,但不能用于完成 IDE

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