WebStorm：如何將HTML鏈接到已安裝的JS庫？

Question

我正在使用WebStorm。我使用它的內置功能來安裝jQuery。它現在出現在項目的External Libraries部分。

但我無法將我的Html文件鏈接到它（<script src="???"></script>）。如何才能做到這一點？

Answer 1

你不能。在設置/語言中配置的Javascript庫&框架/ JavaScript /庫（在項目窗口中顯示爲外部庫）與<script>標記中的引用完全無關。 IDE用於代碼完成/導航/錯誤突出顯示，後者在運行時由瀏覽器使用。瀏覽器對在IDE中配置的JavaScript庫一無所知，IDE不會在您的HTML文件中使用<script>引用。 您需要將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鏈接引用的聯機庫在運行時可供瀏覽器使用，但不能用於在 IDE

•放置在o外的庫文件o f該項目和配置爲javascript庫將可用於WebStorm完成， 但不會被瀏覽器加載