在 Atom 中编写 JavaScript 时启用自动完成功能的最佳扩展

Question

我正在学习 Javascript 直到现在，当我想更改 DOM 中的任何内容时，我一直在使用 Google Chrome devtools 来做到这一点。现在我要在 Atom 中的网页随附的 JavaScript 文件中编写我的代码，但问题是 Chrome devtools 非常有用的自动完成功能在 Atom 中不可用。例如，当我键入此代码时：

document.addEventListener('click', function(){
  const mainHeading = document.querySelector('h1');
  mainHeading.style.backgroundColor = 'red';
})

Chrome devtools 足够聪明，可以建议 backgroundColor 使用大写字母 C 来防止任何打字错误，但同样的事情不会发生在 Atom 中。事实上 Atom 根本没有任何建议。我已经尝试安装不同的 JavaScript 插件，例如 atom-ternjs 或 autocomplete-javascript，仅举几例，但是当您想编写代码来操作 [=20] 时，none 正在工作=].非常感谢任何解决此问题的建议。

Answer 1

这是一个使用 Atom Ternjs 的快速解决方案。导航到菜单栏并单击 Packages-> Atom Ternjs -> Configure Project。这里，selectlibs下的浏览器选项

然后，向下滚动并单击“保存并重新启动服务器”。

希望对您有所帮助。

Answer 2

我现在正在使用 TabNine 扩展，我对性能很满意。它使用深度学习来学习和预测您可能想要根据这些变量编写的变量和代码行，您在特定项目中编写的代码行越多，给出建议的效果就越好。

在 Atom 中编写 JavaScript 时启用自动完成功能的最佳扩展

The best extension to enable autocomplete feature when writing JavaScript in Atom

javascript

dom

google-chrome-devtools

atom-editor