| 译者：京东金融移动研发部前端开发工程师 沈火毅

这次选取了五款常用的前端编辑器（有的也叫IDE）进行评测（顺序不限）。

（2013 年）

它是（数字天堂）推出的一款支持HTML5的Web开发IDE，其主体是用Java编写的，基于sublime text js提示，因此天然的兼容插件。

优势：

缺点：

*没有良好文档和快捷键列表的编辑器不是好编辑器，你不需要单独记住快捷键列表，使用时右键当前界面即可随时调出，慢慢就会熟悉（一般只要记住20%就够了）。

*css属性兼容性提示，加分！

*js方法兼容性提示，++分！

*候选代码块提示，支持按数字选择。

* 边写边读功能，内置浏览器支持模拟移动端，方便UI调试，还可以直接调出二维码测试​​，对于移动端来说非常实用！

JSDoc语法中使用@可以标示代码示例，JSDoc适合写框架和大型项目。

守则（2016）

VS Code 是微软开发的一款开源文本编辑器，支持 Linux 和 OS X 操作系统。它基于 VS Code 项目（部分），使用 Blink 排版引擎来呈现用户界面。

优势：

缺点：

* 内置Git版本控制功能，git面板显示代码对比非常友好，并可直接修改、提交。

*集成调试面板sublime text js提示，支持终端切换。

* 完整的帮助文档和快捷键搜索，帮助您快速上手，同时还有中文版本。

原子（2014）

Atom 是由 开发的免费开源文本和代码编辑器，基于（最初称为 Atom Shell）并获得许可与 Node.js 跨平台应用程序框架一起使用，并使用 Less 编写。

优势：

缺点：

*Atom和Unix比较类似，很多快捷键都是一样的。Unix更加轻量，但是Atom的界面更加漂亮，功能也更加强大。。。

*Atom 快捷列表。

*我决定尝试atom是因为它的Power Mode插件。打开“ Ape”模式真的很酷，不是吗？

*Atom 的插件管理界面是这些插件中最简洁明了的。另外，Atom 常用的插件基本都可以在 Atom 主页上找到。选择热门的、下载量大的、适合自己需求的插件基本是正确的选择。例如（预览代码）、-panel（用于执行命令）、Power Mode 等。

*atom的自由组合窗口，实际开发中，支持上下左右分屏基本就够了，这些编辑器也可以做到。

（2011年）

它是专门为Web开发者打造的IDE，被誉为“Web前端开发神器”，与IDEA同源，继承了IDEA强大的JS功能。

官方定义—IDE。

优势：

缺点：

*ws的快捷键文档是PDF文件，有点蛋疼啊！不过还好有搜索功能。

* 自动编译设置，如果插件对应格式没有安装，会引导你一键安装。ws的引导功能很智能，总是在第一时间提示你该做什么，而不是让你头疼的去搜索文档。

*支持多种代码风格检测。

* 带有命令窗口。

文本（2008）

最性感的编辑

Text 是一个跨平台的文本编辑器，支持基于的插件，由Jon开发。

这个就不多说了，虽然诞生的比较早，但是用户还是比较多的。

即使现在不经常用了，但出于习惯还是会保留它。因为有一天我可能会在N个项目之间频繁切换，这时候我还是会不自觉地默默打开它。。。

总结：

对于前端

*使用atom或者vs code进行日常开发。

* 对于复杂或大型项目，请考虑使用或 ws。

*当需要频繁进行简单的修改或需要削减多个项目时，这可能是最方便的选择。

*建议你熟悉2-3个常用的编辑器，毕竟选择越多，路就越多。

附上下载链接：

：

代码：

原子：

：

文本：

如有侵权请联系删除！