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

时间:2017-03-08 09:25:25

标签: javascript html d3.js intellij-idea-2016

在使用npm和ES6模块时,我设法完成了完美的代码完成 - 但是当我只通过脚本标记包含JS的单个HTML时如何获得代码完成?

<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添加为库(项目设置&gt;库) - 无济于事。

2 个答案:

答案 0 :(得分:1)

我发现this WebStorm blog post非常有帮助。总结:

  • Unexpected error: An error occurred () when calling the PutIntegration operation: 标签仅供浏览器使用;它们不会影响IDE关于代码完成/导航/错误突出显示等的行为。
  • 代码完成/导航/错误突出显示/等由JS库确定(首选项&gt;语言&框架&gt; JavaScript&gt;库
  • 这些库可以是configured manually,也可以通过快速修复生成:使用<script>属性,选择https链接,然后调用“下载库”。通过博客中提供的屏幕截图说明:

enter image description here

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

答案 1 :(得分:0)

<script src="http://d3js.org/d3.v3.min.js"></script>

将鼠标悬停在“ http://d3js.org/d3.v3.min.js”上。 点击“下载库”。

……

等一下,就可以了。