很多年轻男女进来时都会问一个常见但不可避免的问题：

小北哥，现在编辑器那么多，我用哪个好呢？都挺好看的（“差”字用得好！）

本文纯属客观分析，有些吹牛，老手、高手可以跳过！

为了避免您看到我写这个问题并问我是否烦人。这个​​问题已经讨论了好几年，在许多小组中，人们甚至会向讨论编辑器的任何人赠送机票。

但很多转行做前端开发的人还是会迷茫，能力和理解都是因人而异的，不同的人自然需要不同的工具，不能因为自己水平不高就去学vim或者文本编辑器，这不是自找麻烦吗？

俗话说：工欲善其事，必先利其器。要想写出好的代码sublime text 美化，你必须有锋利的工具。如果你没有锋利的工具，你每天都会发现错误！

下面我来介绍一下前端比较流行的代码编辑器。

第一名：“”

特性：非常古老，是上古网络三剑客的必备药物。

因为我在大学室友们戴着耳机玩CF、魔兽争霸、星际争霸的时候偷偷学了HTML和CSS，我的一篇文章《什么是Web？》也简单介绍了一下这个花花绿绿的东西。

当时我只知道它可以自动提示，挺牛逼的，当时觉得挺方便的，代码五彩缤纷（当时很多教程都是直接在文本编辑器里打的，全是黑的，严重影响美观），看着舒服，主要是有代码提示，输入一个‘:’属性，这个对于新手来说很长，你不给我提示，是不是要我天天过英语四级啊？所以当时入坑的各位自然都没用过。

上图是cs4，我当时没有这个版本，好像是dw8，而且当时还是一家公司（当时公司名字我也记不清了，太长了），后来被Adobe收购了。

当时使用的时候还需要特别注意utf-8和非utf-8的问题，因为我记得当时默认好像不是utf-8，需要在设置里设置一下。

之前还有一款工具，主要功能强大，可以自动创建表格！那时候大部分网页还是以表格为主，现在体验不到了！

第 2 号：“++”

我也跟着潮流用了很久的++，一直更新最新版本，每次启动这个神器都要先点更新。

当时因为历史原因被踢出，被百度一头雾水，搜索代码神器时，竟然搜到了++，根本不知道真正的神器是[text]，不然以我先看外观的习惯，早就用text了！呵呵呵！

++最大的特点就是轻量，性能强大，不过和IDE相比，功能还是比较弱的，++如果想要更强大的功能，需要安装一些插件。

[插件地址在这里]

（）， 非常多。

以下是我最常用的两个插件：

[禅]

（%2B%2B.v0.7.zip）

或 [禅 -]

()(代码编写工具，必备)

[ ]

()（代码比较工具，比较两个代码之间的差异）

++另外一个很大的亮点就是匹配标签高亮功能，如下图：

我认为匹配的标签突出显示不如这个有用。

虽然现在写代码基本不用++了，但是有时候工作中看一些代码块、单个源文件的时候还是会右键->++，大概已经成为习惯了吧！

第 3 号：“文本”——强烈推荐

特点：最适合前端的神器，神器，神器！轻量，快速，目前最漂亮，最快，最人性化的编码神器（不是IDE）。

Text 是我最常用、最离不开的编辑器。它是一款很棒的编辑器，但我自己配置​​的它比 IDE 还要强大，毫不夸张！每当我打开工作电脑时，我做的第一件事就是打开最新版本的 Text3。

我的博客也有很多关于 Text3 和必备开发插件的文章和主题。当我第一次看到它时，我就把其他编辑器都抛在一边，只喜欢它。

颠覆了我的三个观点：

其他编辑器都丑得像贫民窟一样吧？

所需插件

- 我分享一些插件

（由于数量太多，又太有意思，所以就不一一介绍了，如果有兴趣可以留言问我，后面我会详细介绍。）

插件很多，但不建议全部安装，只安装自己需要的即可，如果安装太多，软件本身会因为插件质量参差不齐而变得不稳定，经常崩溃。

Emmet Git

（），

()原名：，快速生成HTML、CSS，默认扩展快捷键为tab，若tab键损坏，ctrl+e可更换。生成规则为：

-> -> -> -> .json

修改于。

@Emmet 中文版文档

（）

侧边栏

（）增强侧边栏

() 增强 js 注释

（）等号对齐

在 -> -> -> 用户

添加冒号以便对齐。

{ "":false, "":["=", ":"], "s":["=", ":"]}

():自动提示文件路径

gbk 支持GBK

（）

检测快捷键冲突

（）

（）

转换为 pdf

（）

设置换行符

（）

插件列表

（）

HTML美化插件

（）

新文件的文本模板插件：

（）

如何通过浏览器和 less/sass 使用前端自动化工具

（）

使用 Text 2 开发项目

（）

全栈开发必备的 10 个文本插件

（）

其他语言框架支持

对于文本 2

（）

--

（）

3 人份

（）

Vue.js 的文本

（）

React 的文本

（）

--

（）

CSS

3 表示文本 2/3

（）

文本代码片段集合

（）

PHP

插件显示优化，兼容St3版本）

（）

（）

刀刃

（）

功能手册提示

（）

配置节点构建环境

（）

版本管理

git

（）

git

（）

SVN 版本

（）

FTP

（）

文件比较

（）

用于将 CSS 值转换为 REM 的文本插件

（）

当地历史

（）

NO 4：“和）”——推荐

特点：典型的IDE神器，专门针对前端Web程序员设计，具有完善的语法检查，具备IDE的所有特性，并且颜值高。

我在工作中接触PHP之后就开始使用它了，现在我们公司所有的PHP程序员都用这个IDE，超级好用。

与基本版本相同，但对 PHP 提供更多支持。

在了解并且认真使用之后，当有人要讨论哪个是最好的前端编码IDE（注意sublime text 美化，只是IDE）的时候，我总是毫不犹豫的说：。

部分特点如下：

1. 复制代码块，结构不乱（无论将代码片段复制到编辑器的哪里，都会自动缩进）

2.快速选择和操作大块代码（使用快捷键快速选择和操作配对代码）

3.文件历史与代码对比（会保存很多文件的历史版本，当哪天想恢复以前的代码的时候，就可以找到。还可以对比不同历史版本、历史版本与当前版本的代码，对比结果的差异会标注的很清楚）

4.自动保存（不用按ctrl+s，自动保存代码。我想习惯按ctrl+s的人不会喜欢这个功能）

5.根据上下文自动建议（比如上面定义了一个名字，下面输入首字母就可以提示这个名字）

主要优点：

第五名：《原子与）》

特点：近两年来出现的新编辑器，其部分源代码是开源的。

Atom：产品一定要优质，颜值高，体验好，严格意义上来说就是功能强大，插件多的IDE。

优势：

Atom 的用户越来越多，特别是 Web 前端开发者，几乎可以和它一较高下。而且你要知道它是由个人开发者开发的，而且是闭源且收费的（蛇神说更新很慢，bug 永远不修复），而 atom 是由整个社区推动的，一年发布上千个插件（一堆插件），而且具备目前 Web 前端开发几乎所有的功能（而且还更多，关键是还行）。

缺点：加载插件确实很慢，插件慢大概跟我们大陆运气不好有关，打开文件也慢，是设计还不成熟，不过势头很猛，值得期待。

：我没在实际环境中使用过

（以下内容由网友汇总整理）

优势：

它看起来不错，每分钟都让我疯狂++。

加载大文件几乎需要几秒钟。

C#支持高亮，编译后的也支持引用。

JS、HTML等支持高亮和补全。

全平台，我再也不用担心买RMBP还是XPS了。

免费，这个必须7赞，而且占用内存小，下图是我打开我正在写的开源文件夹（大概20M代码）之后的内存占用，很惊人。

缺点：

对C#的支持不够好，不支持项目加载，只支持文件夹加载，对引用复杂的大项目支持较弱。

支持git但是不提供接口。

Debug需要手动输入参数，这并不复杂，但是与VS的一贯定位不一致。

摘要：删除++并将所有文本文件与代码关联。

第一个版本这么棒，后续版本中私钥和原子会消失吗？

以后就不要再收费了。

比较这 3 种新的前端工具——如何选择

：快速、稳定、性感、超快的全局搜索和索引、良好的插件功能、一般可定制性（不能显着修改界面和功能）、可配置的快捷方式、构建参数、基于的代码完成、没有带有全局类型推断提示的 IDE

适合用户：我是一个喜欢颜值，自由，无拘无束，极简主义的骚货！

Atom：速度一般，但更新快，懂点Web和JS的人都可以写自己的插件，能实现Web上能实现的任何功能和效果，并能和本地库配合使用。

对Web开发者（特别是前端开发者）友好，拥有多种语言的完整代码提示，可使用插件完成所有项目类型的关联代码，终端集成、分屏、调试器集成、集成，可以很简单的搭建自己的IDE，缺点是基于（）的效率问题，资源占用大

适合用户：喜欢外观，对代码提示要求高，喜欢捣鼓的人

：速度快，大文件读写非常快（打开10M代码不到1秒，而原生的则需要将近6秒），插件相对较少，一些增强功能如调试器、终端，原生对语言语法高亮的支持比较少（C# JS是第一），内置JS/TS调试器……可以根据不同的项目（文件夹）设置首选项，专写C#和JS/​​TS。

适合用户：对项目有依赖的人群、微软粉丝、对代码语法检查要求严格的人群

总结：潜在用户是 Vim/Emacs 用户，启动速度超快，资源占用低，适合编辑任何小文本（包括普通文本、配置文件）、C/C++/ASM 和很多脚本语言以及不需要实时调试的语言，很多插件都是很实用的功能。

缺点是：需要购买证书（虽然可以无限制使用），感觉没有开源项目那样的自由。Atom 旨在成为 IDE 的替代品，可以配合插件使用，打造高效的 IDE。对 Web 平台开发者友好，对前端开发者更友好，任何人都可以很方便地贡献自己的插件。如果能解决速度和资源问题，那么基本就没什么缺点了。目标是对超大文件和项目管理有要求。

只有喜欢鼓捣东西你才会喜欢前端！

如果大家看完本文之后还有什么疑问或者需求，可以给我的公众号留言，我也可以把我打包好的私货发给大家。比如文字，后面我会具体放出下载地址和介绍必要的插件配置。

最后还要感谢何何（傻傻的甜心女孩）的辛勤付出，提供了一些信息和图片，让我的文章更加生动有趣，我想她一定是被我的长相所折服了！

我最帅啦！

如有侵权请联系删除！