javascript - IntelliJ IDEA 旗舰版 : Code completion for JS included via simple script tag

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

在使用 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 链接,然后调用“下载库”。如博客中显示的屏幕截图所示:

enter image description here

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

关于javascript - IntelliJ IDEA 旗舰版 : Code completion for JS included via simple script tag,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42667428/

相关文章:

javascript - HTML5 中的 Shared Worker 和 Worker 有什么区别?

javascript - d3 饼图/ donut chart 中标签的过渡

javascript - 从 coffeescript 编译后使用 makefile 合并 javascript 文件

html - 将鼠标悬停在一个 div 上并将 CSS 应用于花药

html - CSS 内容属性对 SEO 友好吗?

javascript - 如何在分组时删除重复的数组(按 id)?

d3.js - 在 D3 中设置 <select> 元素的值?

javascript - 实现自定义验证器来 trim Angular 2 中的输入字段?

javascript - mmenu:覆盖点击的按钮背景色

javascript - 我怎样才能让我的谷歌地图动画化,让它无休止地向右平移?