程序猿经常用的五款前台编辑器，你知道几个？

小编日常用的有是sublime text和VS Code

sublime

中规中矩的外观，可以通过配置文件定义各种外观细节。

有多种布局方式，日常也是比较够用了!

sublime拥有N多插件，只有你想不到的，预计没有他做的到的!(好没有信心啊!)

身边的朋友大部分都在用的编辑器!

Atom

默认深色背景，样式一律由CSS设定，非常方便修改主题，同时有非常丰富主题可供下载。

可以非常自由的组合子窗口，简直自由的可怕。

Atom的插件都是基于JS开发的，截止到2016年9月5日，ATOM共有4819款插件。

所以你所能需要的插件，在Atom几乎一律都找到。

插件开发基于JS，其实Atom整个编辑器都是基于JS的。

Brackets

默认有两个主题，可以通过安装theme包拓展新的主题。亲测brackets的插件商店并不是很好用，安装插件可以通过网页的插件商店查找安装包.zip的链接，而后通过链接安装。

布局方面只支持左右或者者上下两种方式。

但是编辑器有一个很逆天的自带功能(尽管其余编辑器也可以通过插件实现)，可以一键打开一个浏览器窗口，同步预览在编辑的网页渲染效果，HTML和CSS的修改可以页面无刷新的即时显示。

另外一个逆天的功能是，直接在HTML代码的位置修改CSS，还可以直接在CSS代码段中选择编辑颜色。

Brackets的插件需要科学上网才能安装，官方的插件商店有1246款插件。(这个数量包含主题包，代码片等)并不是很丰富，不过代码格式化，less编译，git同步等常用的插件还是有的。

Brackets插件同样是基于js开发，但是插件开发相关的文档教程比较少。

Hbuilder

相似eclipse的界面，功能也是大而全。主打“绿柔”主题，为了宣传也是很拼。

有很丰富的配置选项，这也是Hbuilder作为一个IDE和其余几个编辑器很大的区别。

同时支持边看边改模式

Hbuilder比较强大的是可以很方便做手机端开发，甚至直接打包hybrid应用。

Hbuilder是基于eclipse开发的，所以也是使用的eclipse插件。在插件菜单，Hbuilder推荐了少量常用插件，基本覆盖了前台开发需要的各种功能。

VS Code

自带debug模块和git模块，布局和配色也很舒服，

debug模块可以增加断点调试nodejs代码，用来开发后台或者者写写任务脚本顿时方便了很多。

git面板非常友好的显示代码比照，可以直接修改，提交。

VS Code作为后来者，2015年12月才开放插件，但是短短大半年时间就已经积累了3500款插件。除了涵盖前台开发的各个方面，同时各种后台代码的高亮甚至调制都有相应插件支持，可谓是相当强大。

身边的小部分朋友都在用，方便快捷

“我自己是一名从事了5年前台的老程序员，辞职目前在做讲师，今年年初我花了一个月整理了一份最适合2019年学习的web前台干货，从最基础的HTML+CSS+JS到手机端HTML5到各种框架，实战项目都有整理，送给每一位前台小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴。”

想要学习web前台的加群939106847