来,这一篇妥妥的干货,大家自行保存好哈,别到时候找不到了!

前几天有个小伙伴问我:前端开发用什么软件编辑好啊?我当时给她推荐的Visual Studio Code,因为我比较习惯于用这个,但是每个人习惯都不同,我特意总结了几个比较好用的开发工具,列出优缺点,大家自己选择吧。

一.Dreamweaver

优点:它能够借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站;访问代码提示,即可快速了解 HTML、CSS 和其他Web 标准;使用视觉辅助功能减少错误并提高网站开发速度。

缺点:运用比较复杂;也比较占内存。

下载地址:adobe.com/products/drea
在这里插入图片描述
二.Visual Studio Code

优点:功能很强大,界面简洁明晰、操作方便快捷,设计得很人性化;主要是改进了文档视图,完善了对 Markdown的支持,新增PHP语法高亮。

缺点:体量太大。

下载地址:https://code.visualstudio.com/
在这里插入图片描述
三.WebStorm

优点:集成的东西很好用,像git、调试、搜索之类的,而且在写代码的时候还会有一点重构的建议,对整体质量更有利;主要是官方提供的插件支持,满足许多不会配置同学的需求。

缺点:对js/ts支持不如Visual Studio Code,更新频率不高。

下载地址:jetbrains.com/webstorm/

在前端领域混了这几年,总结了一套前端学习的精讲视频和学习路线,如果有对前端开发感兴趣的伙伴,不管你是想转行,或是大学生,还有工作中想提升自己能力的web前端党,欢迎大家的加入我的前端开发交流群:603985993 希望大家诚心交流!,与企业需求同步。好友都在里面学习交流,每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号:【前端留学生】 每天更新最新技术文章干货。

在这里插入图片描述
三.sublime text3 编辑器

优点:轻量级且功能强大,支持各种编程语言,支持插件,而且快捷键十分的好用,可以极大的减少开发的劳动程度,使用sublime就是要使用其快捷键和插件。

缺点:对于项目的管理等不是很方便,代码提示不如hubuilder强大。

下载地址:sublimetext.com/
在这里插入图片描述
四.Hbuilder

优点:是国产免费的开发工具,尤其对于英语不好的前端工程师是一个不错的消息;支持其他语言开发和webapp等功能,在语法提示、转到定义、重构、调试等方面都非常高效。

缺点:有些不稳定,有时可能会有些卡顿的现象。

下载地址:dcloud.io/
在这里插入图片描述
五.Atom

优点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。平易近人,为开源而生。

缺点:运行稍慢,有些卡顿。

下载地址:atom.io/
在这里插入图片描述
我是一个正在创业的前端工程师,如果你同样迷茫不知道前端该如何学习,可以加入我的自学团,会有知识分享,匹配学习伙伴,还可以参加我组织的上线项目及活动。

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐