lanbos'blog

这些年折腾过的编辑器(web开发者编辑器评测)

写在前面

  1. 评测的有,sublime,vscode,atom,bracketshbuider,eclipse, jetbrains系列的webstorm,pycharm,phpstorm

  2. vim和EMACS不在测评列,部分ide虽在评测列但是用的不多可能不客观,宇宙第一ide(visual studio)没用过不评测。老古董notpad++等不评测。Dw这种非开发者使用工具不评测。

  3. 本人主要使用mac,写web前端,少量写python,php等脚本语言,写c,java等需要编译的语言的请投vs和其他对应ide,markdown书写会在评测中占少量部分。
  4. 本人认为合理的工作流是:简单预览和少量编辑的a编辑器加一个主力写代码的b编辑器。非要All in one的可以投vim和EMACS党。

评测维度

维度不太全,每个维度0~5分,打分是个人观点,不客观或有错误的轻喷。。。

  1. 易用性
    对开发者操作使用友好程度,汉化情况,下载难度,是否收费等方面。
  2. 功能性
    主要是补全提示,代码跳转,debug等
  3. 拓展性
    包括插件数量(只是个人感觉的数量),社区,可自定义程度
  4. 颜值
    这个就是主观程度了,可以忽略不看。
  5. 亮点
    会写我觉得编辑器最大的亮点,不打分
  6. 缺点
    会写我觉得编辑器最大的缺点,不打分

评测(后有图表)

sublime

  1. 易用性 3分
  2. 功能性 2分
  3. 颜值 3分
  4. 拓展性 3分
  5. 亮点:秒启动,情怀
  6. 缺点:略显老态

这个应该是评测中大家使用最广的编辑器了,非常优秀的编辑器,也是现在我作为a编辑器来使用的,打文件秒启动这点可以说很难有替代品。sublime是半收费的,免费用户也可以正常使用只是保存时有烦人的弹窗。sublime的扩展性和功能性即便和近年踊跃出来的编辑器相比也不遑多让,经典的马卡龙配色也是很多开发者深爱的主题配色。略有不足是,插件安装时获取插件列表太慢甚至超时报错(可以下载插件列表自设本地服务加载解决), 插件和配置文件维护方式和其他新出现的编辑器相比不太友好,期待这款编辑器能有更强大的生命力。

Atom

  1. 易用性 5分
  2. 功能性 3分
  3. 颜值 5分
  4. 拓展性 5分
  5. 亮点:高颜值,完全开源,扩展性非常高
  6. 缺点:性能堪忧

Atom是github官方维护的编辑器基于nodejs开源项目electron,界面简洁大方,非常易于扩展和使用,对编辑markdown也算友好,在意颜值或喜欢折腾的朋友可以使用。至于性能的诟病据说官方在不断使用c++更改底层,随后可能彻底解决问题。

Brackets

  1. 易用性 2分
  2. 功能性 3分
  3. 颜值 4分
  4. 拓展性 3分
  5. 亮点:神奇的cmd+e
  6. 缺点:插件需要翻墙下载

Brackets是Adobe官方维护的编辑器,同样基于nodejs,据说用了高端算法没有Atom编辑器的性能诟病,在实际使用过程中也没有卡顿情况。ctrl+e快捷键非常有意思,可以快速定位html标签对应的css样式。Adobe开发这款软件写html+css非常舒畅,对开发js及其他脚本语言也很友好,可惜插件商店被墙,而且下载应该走的是非http协议,无法挂ss下载,导致易用性和拓展性分低。

hbuider

  1. 易用性 4分
  2. 功能性 4分
  3. 颜值 4+分
  4. 拓展性 1分
  5. 亮点:前端便捷代码snippets,app开发生态
  6. 缺点:拓展性低

hbuider是国内基于eclipse制作的针对前端开发的编辑器。有非常便捷的前端代码块可以飞速开发,我现使用的编辑器的自定义snippets很多都是参考了hbuider代码块。因为是基于eclipse,相当于是ide了,补全和项目构建本身功能已经很强大。但是要想下载eclipse上的插件很多需要下载jdk,因为在底层更改了部分eclipse代码,部分插件下载了jdk也无法使用。hbuider有自身使用套壳js开发app的生态,也是亮点之一,不太了解不做深谈。最后说一下这款编辑器的护眼绿主题,本人是Solarized Light脑残粉,所以觉得很好看,给hbuider颜值打了高分。

eclipse(my-eclipse)

  1. 易用性 3分
  2. 功能性 4分
  3. 颜值 1分
  4. 拓展性 4分
  5. 亮点:情怀
  6. 缺点:臃肿

用eclipse的应该大都是java开发的同学。eclipse是sun公司出品为java开发者提供的一款强大的ide,但近年来有被jetbrains的idea取代的趋势。老程序员应该都有过体验,功能强大,但臃肿卡顿而且不好看。如今搞java的可以看看idea,搞前端的可以看看hbuider。。。

jetbrains系列的webstorm(js),pycharm(python),phpstorm(php)

  1. 易用性 2分
  2. 功能性 5分
  3. 颜值 2+分
  4. 拓展性 2分
  5. 亮点:ide首选
  6. 缺点:是ide

如果一个开发者选择ide,而且不是在windows平台,那么jetbrains系列是首选。最强大的补全和项目构建功能,能交给机器的一切交给ide,开发者只负责开发逻辑,就是这么强大。至于扩展,ide本身足够强大就不用扩展。我不觉得jetbrains系列好看也没找到好看的皮肤。如果你能够接受用电脑性能换取其他的舒爽开发体验,那么再次强烈推荐jetbrains。

vscode

  1. 易用性 4分
  2. 功能性 4分
  3. 颜值 4分
  4. 拓展性 4分
  5. 亮点:微软家出品,编辑markdown
  6. 缺点:都不是满分

最后的重头戏是我在用的第二个主力编辑器vscode。vscode各项评分没有短板,维护的团队也在很积极的更新,同样是用electron,却比Atom流畅的多。作为宇宙第一ide的轻巧版,vscode其实已经很强大了。vscode有自带终端,丰富的终端启动命令,集成git等等贴心的功能让vscode虽然没有sublime秒启动那么便捷,也没有Atom好看,插件不是最丰富的,功能没有一些ide那么强大,但其日常使用体验可以超过其他编辑器。更何况对于开发者来说用vscode编辑markdown的体验能秒杀一切其他md编辑器。

打分图表

1
2
3
4
5
6
7
8
9
|     编辑器    | 易用性 | 功能性 | 颜值 | 拓展性 |                亮点               |         缺点         |
|:-------------:|:------:|:------:|:----:|:------:|:---------------------------------:|:--------------------:|
| sublime | 3 | 2 | 3 | 3 | 秒启动,情怀 | 略显老态 |
| Atom | 5 | 3 | 5 | 5 | 高颜值,完全开源,扩展性非常高 | 性能堪忧 |
| Brackets | 2 | 3 | 4 | 3 | 神奇的`cmd+e` | 插件需要翻墙下载 |
| hbuider | 4 | 4 | 4+ | 1 | 前端便捷代码snippets,app开发生态 | 拓展性低 |
| eclipse | 3 | 4 | 1 | 4 | 情怀 | 臃肿 |
| jetbrains系列 | 2 | 5 | 2+ | 2 | ide首选 | 是ide |
| vscode | 4 | 4 | 4 | 4 | 微软家出品,编辑md | 都不是满分 |

总结

编辑器作为开发者的好伙伴是搭建一个舒适开发环境中重要的一环。现代程序员的编辑器大多不再是电影里那样的黑窗口直接用vi写文本了,功能强大的编辑器降低了程序员行业的入门门槛,让开发者更多精力放在开发逻辑上而不是环境搭建。
基本每个开发者都折腾过编辑器,每个编辑器都有不完美的地方,个人认为普通开发者应该把日常使用编辑器和开发ide使用场景分离,例如日常用编辑器sublime、vim、Atom、notpad++等轻型编辑器配合jetbrains系列,eclipse系列,vs系列使用,分离使用场景后才能让各编辑器发挥出最大能力。