在使用npm和ES6模块时,我设法获得了完美的代码完成–但是,当我只有一个HTML并且脚本标签包含JS时,如何获得代码完成?

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Example</title>
</head>
<body>
<script src="https://d3js.org/d3.v4.js"></script>
<script>
    d3.select("body") // Unresolved variable or type d3
</script>
</body>


我尝试将D3添加为库(“项目设置”>“库”)–无济于事。

最佳答案

我发现this WebStorm blog post很有帮助。综上所述:


<script>标签仅由浏览器使用;它们不会影响IDE在代码完成/导航/错误突出显示等方面的行为。
代码完成/导航/错误突出显示/等由JS库确定(首选项>语言和框架> JavaScript>库)
这些库可以是configured manually,也可以通过快速修复生成:使用<script src="..."></script>属性,选择https链接,然后调用“下载库”。该博客中的屏幕截图说明了这一点:


javascript - IntelliJ IDEA Ultimate:通过简单的脚本标记包含JS的代码完成-LMLPHP

这解决了我的“无法解析的变量或类型d3”的问题。 IntelliJ IDEA似乎仍然对跨越多行的链接语句感到困惑。

07-28 11:54