工欲善其事,必先利其器。作为前端工程师,你都用过哪些编辑器?入行三年多,用过好几款编辑器,今天给大家例举以下。
EditPlus
这是一款文本编辑器,它的代码会高亮显示,非常适合刚入行的童鞋使用,当你敲代码时,它不会给你提示,这样的话很大程度会锻炼我们手写代码的能力,也能更快地记住一些相关API。
EditPlus图标Dreamweaver
Dreamweaver原来是鼎鼎大名的,很长一段时间DW就是网页制作的主战场,DW可以被称为IDE,提供了很多功能,最大的特点是具有所见即所得的功能,DW有三种视图模式:代码模式、设计模式和拆分模式,对于代码不熟练的初学者非常友好。目前DW的主要问题是老,当然如果老而弥坚是没问题的,但现在流行的前后端分离的项目,VUE,Angular,React框架,使用DW有力不从心的感觉,DW不支持ES6语法的高亮提示。不支持CSS预编译语法。不知道DW会不会推出新的版本,如果不,大概DW会逐渐退出前端的舞台了。
如果你要制作表格的话,我建议你使用DW来画,否则不建议使用。
DW图标Sublime
Sublime只是一个文本编辑器,它的拥护者也很多,非常轻量级,打开文件速度很快,
但要愉快的使用Sublime,需要安装很多插件,同样需要安装插件的情况下我比较愿意使用VScode,没什么原因,可能就是习惯了。
Sublime图标VSCode
VSCode全称是VisualStudioCode,它的特点有一点很值得注意,那就是免费,安装VSCode及其插件非常容易,和微软的其他VisualStudio产品比较,VSCode只是一款轻量级的代码编辑器,而不是一个重量级的完整IDE,但在前端领域已经足够优秀。使用它需要安装一些插件,但是只要你不是内网,安装插件就是分分钟的事情,个人是比较喜欢这一款的。
VSCode图标WebStorm
WebStorm在前年的时候我是非常喜欢用它的,它的功能全,集成度高,几乎想要的都有,开发效率非常高,但WebStorm的缺点是打开速度慢,占用内存多,如果你的电脑配置不好,也许用它不是一个好的选择。另外WebStorm是收费软件,这一点比不过VSCode。
每次试用30天就用不了了,破解起来也麻烦,而且真的是超级消耗内存,只要一打开它,我电脑就动不了了!
WebStorm图标Hbuilder
Hbuilder是DCloud推出的一款支持HTML5的Web开发IDE。比上面的几种编辑器比较Hbuilder的用户少了一些,Hbuilder宣称自己快,也许指的是开发效率,就其打开速度和响应速度而言,我觉得可以用一个慢字形容。Hbuilder对BootStrap和webApp的支持非常好,如果做这样的项目Hbuilder是个好选择。
综上所述,如果你是初学者可以使用DW和EditPlus练手,我觉得是非常合适的。如果你有经验了,而且是团队协作的话,最好根据团队的使用情况统一编辑器,这样写出来的代码风格也是一样的,便于维护。如果是你个人项目的话,那么就随你选择了,个人习惯不一样,目前我还是局的VSCODE是最好用的。