俗话说“工欲善其事,必先利其器”,想要快速便利的开发出网页,一个好用的编辑工具是必不可少的,今天就跟大家说说,几款比较常用的web前端开发工具
一、text文本
优点:“装X神器”
缺点:开发速度很慢
推荐指数:一星
首先大家都知道text是一款文字编辑工具,但是在开发的时候,有些老程序员为了炫技,用text创建文件,不带任何联想,直接开始写前端代码,最后把txt的后缀修改为html文件就能运行了。其实这种方式很多人都知道,除了装X没有任何作用;开发效率低,没有错误提醒,没有联想,没有标准的格式等等;
所以不推荐大家使用,知道就行了
二、Dreamewera
优点:封装了部分操作,适合新手,可以不用写代码,直接手动拖拽就能实现效果
缺点:安装包比较大,占用内存大,不适合大项目
推荐指数:两星
Dreamewera是一款比较老的编辑用具,14年左右在大学里面的编辑器都是用的Dreamewera。这款编辑工具对新手来说比较友好,能有使用图形化界面,不用写代码,直接拖拽页面就能实现效果;
但是这样并不利于记住知识点,反而会对工具产生依赖。Dreamewera这个工具安装的时候需要占用很大的内存空间,这个老款编辑工具的共性缺点。不太推荐大家使用这个工具
三、VsCode
优点:免费,文件小,安装方便,没有多余的东西,想用什么插件就安装什么插件
缺点:个人认为没有缺点
推荐指数:五星
全名叫VisualStudioCode,是一款专门给前端用的开发工具。安装快捷方便,支持中英文,想要用中文直接安装中文包,可以兼容其他编辑器常用的快捷键。支持javascript,php,python,java等多种语言;
支持很多中安装包;界面高大上,有深色/浅色两种颜色,满足大家的需求;支持联想,写代码速度明显会比较快,个人强烈推荐!
四、Hbuilder
优点:据说是最快的开发工具(个人不怎么喜欢)
缺点:打开速度慢,使用不容易上手
推荐指数:三星
说到Hbuilder我就要先吐槽一下他的安装,我是mac电脑,安装好之后编辑代码的时候老是报错,而且还闪退!妈呀,受不了,直接卸载了!
五、webStorm
优点:功能强大
缺点:安装包比较大,占内存,打开速度比较慢
推荐指数:四星
WebStorm是jetbrains公司旗下一款JavaScript开发工具,最称为“最强大的开发工具”。这个说法不是没有道理的,WebStorm在安装的时候时候软件本身自带了很多功能,所以在安装的时候速度比较慢;在里面可以配置服务器,可以链接控制台等等,很强大;
但是我个人不是很喜欢,作为前端,想要的是一块打开很方便,使用很方便,没有乱七八糟的功能的工具,而WebStorm的功能太多了,导致用的时候会觉得很心累,个人不是很喜欢,但是用的人还是挺多的,给4星吧
六、sublimetext
优点:体积小,运行快,启动快
缺点:部分插件在兼容性上不是很好,sublime2和sublime3有些插件不支持
推荐指数:四星
sublime也是前端比较主流的一款编辑工具,安装之后也能根据自己的需求安装不同的插件,但是由于版本的问题,sublime2和sublime3有些插件不支持,所以对于开发者来说不是很方便
对于编辑器,其实就是一个工具,但是一个好的编辑器能大大提高开发效率,在选择的时候选择相对来说成熟一点的编辑器,这样不会因为安装之类的烦恼;还有就是首选开源免费的,碰到收费的,大家花大量的时间去破解,有时候还会罢工,时间成本就比较大了。
所有上面的说法都是自己在使用过程中的一些心得,当然每个工具都有自己的优势,只要自己用的顺手就可以了