前端开发常用哪些工具软件？

Posted 2021-03-29 前端留学生

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

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

一.Dreamweaver

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

缺点：运用比较复杂；也比较占内存。

二.Visual Studio Code

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

缺点：体量太大。

三.WebStorm

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

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

三.sublime text3 编辑器

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

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

四.Hbuilder

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

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

五.Atom

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

缺点：运行稍慢，有些卡顿。

我是一个正在创业的前端工程师，如果你同样迷茫不知道前端该如何学习，可以加入我的自学团，会有知识分享，匹配学习伙伴，还可以参加我组织的上线项目及活动。

给大家看一下自学团的氛围：

扫描下方二维码

获取web前端、学习资料视频