小编日常用的有是sublime text和VS Code
![](https://img.haomeiwen.com/i18344496/7942ca717cf323d1.jpg!web)
sublime
中规中矩的外观,可以通过配置文件定义各种外观细节。
![](https://img.haomeiwen.com/i18344496/bc0b448f95e69891.jpg!web)
有多种布局方式,日常也是比较够用了!
![](https://img.haomeiwen.com/i18344496/24eafdc628ee097a.jpg!web)
sublime拥有N多插件,只有你想不到的,估计没有他做的到的!(好没有信心啊!)
身边的朋友大部分都在用的编辑器!
Atom
默认深色背景,样式全部由CSS设定,非常方便修改主题,同时有非常丰富主题可供下载。
![](https://img.haomeiwen.com/i18344496/aa258bac932afc61.jpg!web)
可以非常自由的组合子窗口,简直自由的可怕。
![](https://img.haomeiwen.com/i18344496/28a8a3146c8c59e6.jpg!web)
Atom的插件都是基于JS开发的,截止到2016年9月5日,ATOM共有4819款插件。
所以你所能需要的插件,在Atom几乎全部都找到。
插件开发基于JS,其实Atom整个编辑器都是基于JS的。
Brackets
默认有两个主题,可以通过安装theme包拓展新的主题。亲测brackets的插件商店并不是很好用,安装插件可以通过网页的插件商店查找安装包.zip的链接,然后通过链接安装。
![](https://img.haomeiwen.com/i18344496/a996157859fb8249.jpg!web)
布局方面只支持左右或者上下两种方式。
但是编辑器有一个很逆天的自带功能(虽然其他编辑器也可以通过插件实现),可以一键打开一个浏览器窗口,同步预览在编辑的网页渲染效果,HTML和CSS的修改可以页面无刷新的即时显示。
![](https://img.haomeiwen.com/i18344496/0e4dbec11e6522d0.jpg!web)
另外一个逆天的功能是,直接在HTML代码的位置修改CSS,还可以直接在CSS代码段中选择编辑颜色。
![](https://img.haomeiwen.com/i18344496/8931bb0c26dbf10d.jpg!web)
Brackets的插件需要科学上网才能安装,官方的插件商店有1246款插件。(这个数量包含主题包,代码片等)并不是很丰富,不过代码格式化,less编译,git同步等常用的插件还是有的。
Brackets插件同样是基于js开发,但是插件开发相关的文档教程比较少。
Hbuilder
类似eclipse的界面,功能也是大而全。主打“绿柔”主题,为了宣传也是很拼。
有很丰富的配置选项,这也是Hbuilder作为一个IDE和其他几个编辑器很大的区别。
![](https://img.haomeiwen.com/i18344496/7822eb837b7825ea.jpg!web)
同时支持边看边改模式
![](https://img.haomeiwen.com/i18344496/b7f55e085c276089.jpg!web)
Hbuilder比较强大的是可以很方便做移动端开发,甚至直接打包hybrid应用。
![](https://img.haomeiwen.com/i18344496/7b5abd7b2fdb1b55.jpg!web)
Hbuilder是基于eclipse开发的,所以也是使用的eclipse插件。在插件菜单,Hbuilder推荐了一些常用插件,基本覆盖了前端开发需要的各种功能。
VS Code
自带debug模块和git模块,布局和配色也很舒服,
![](https://img.haomeiwen.com/i18344496/9b55f965335d7436.jpg!web)
debug模块可以添加断点调试nodejs代码,用来开发后端或者写写任务脚本顿时方便了很多。
![](https://img.haomeiwen.com/i18344496/61da58969ecaba70.jpg!web)
git面板非常友好的显示代码对比,可以直接修改,提交。
![](https://img.haomeiwen.com/i18344496/2cc1e52134ba8698.jpg!web)
VS Code作为后来者,2015年12月才开放插件,但是短短大半年时间就已经积累了3500款插件。除了涵盖前端开发的各个方面,同时各种后端代码的高亮甚至调制都有相应插件支持,可谓是相当强大。
身边的小部分朋友都在用,方便快捷
如果对于学习编程有很多疑惑,没有思路,不知道如何有效率的学习,可以添加我的前端交流学习群 895757445,需要前端编辑器及前端资料和学习项目的,需要最新系统的学习教程也可以管我要。做了很多年开发,对于学习方式,如何提高自己的技术有一定的经验,术业有专攻,多跟有经验的人交流学习,对这个行业信息了解的多,职业发展的空间就越大
网友评论