Atom JavaScript 自动完成

Question

我是Atom和JavaScript的新手，Atom似乎非常适合Web开发。

但据我所知，好像没有Atom插件可以启用JavaScript自动完成功能。

有人知道这个功能的插件或者Atom是否计划支持JavaScript自动完成吗？

- coco_

---

当你说“JavaScript自动完成”时，你是什么意思？你能举个例子说明你想做什么以及预期的结果是什么吗？ - nwinkler

@nwinkler，例如输入“getE”，Atom 可以给我一些建议，如“getElementsByTag”等。 - coco_

@nwinkler 我的情况是 getElementById 运行良好，但 addEventListener 不行。 - Lin Du

Answer 1

由于JavaScript松散耦合，提供可用的自动完成解决方案并不像Java等静态类型语言那样容易。您在Atom中最好使用以下软件包：

• autocomplete-plus - 此软件现已捆绑到Atom中作为默认的自动完成功能提供者
• ternjs - 这看起来相当不错，但需要一些配置。

我建议您尝试这些软件包。

- nwinkler

---

atom-ternjs软件包声称也支持jQuery。您可能需要配置它以提供jQuery的完成。请查看项目页面上的示例配置：https://atom.io/packages/atom-ternjs - nwinkler

你救了我的命。 - Muhammad Usman

tern已过时，新的是：atom-ternjs。 - WordCent

Answer 2

我认为你应该选择使用atom-ternjs。这是用于Atom的JavaScript智能化工具。你需要更改（启用）atom-ternjs的设置。具体操作如下：

1. 使用自动完成片段
2. 同时显示自动完成片段和函数名称

当然，还有很多其他设置可以根据你的需求进行调整...

- nayan verma

Answer 3

如果您正在使用现代JavaScript或TypeScript或Node，那么atom-typescript是一个不错的选择。它使用tsserver（像vscode一样），可以提供自动完成、跳转到定义、语法检查和其他IDE好处。默认情况下，它不支持JavaScript。请按照文档启用.js文件支持 - https://github.com/TypeStrong/atom-typescript/blob/master/docs/faq.md#i-want-to-use-atom-typescript-with-javascript-too。tsserver的配置是通过.jsconfig文件完成的 - https://code.visualstudio.com/docs/languages/jsconfig。

- albert200000

Answer 4

1. 安装“autocomplete-plus”插件
2. 安装“atom-ternjs”插件
3. 在项目中创建或打开任何JS文件
4. 点击“Packages -> Atom Ternjs -> Configure Project”
5. 在下面的库中启用“browser”选项
6. 向下滚动并点击“保存并重新启动服务器”

- Mahmoud El-Jiddawi

Answer 5

推荐的 Atom 插件

1. atom-ternjs： 为Atom添加代码智能功能。 https://atom.io/packages/atom-ternjs
2. autoclose-html-plus： 可帮助您自动关闭HTML标签。 https://atom.io/packages/autoclose-html-plus
3. emmet： 为Atom添加代码扩展功能。 https://atom.io/packages/emmet
4. csslint： 为Atom添加CSS错误检查功能。 https://atom.io/packages/csslint
5. pigments： 为Atom代码文件添加显示颜色的功能。 https://atom.io/packages/pigments
6. language-ejs： 为Atom添加EJS语言支持。 https://atom.io/packages/language-ejs
7. atom-beautify： 可帮助在Atom中自动格式化您的代码。

- Bayram Binbir