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

本是古典何须时尚 2022-11-19 07:38 328阅读 0赞

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

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

一.Dreamweaver

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

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

下载地址：adobe.com/products/drea  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]  
二.Visual Studio Code

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

缺点：体量太大。

下载地址：https://code.visualstudio.com/  
![在这里插入图片描述][20210127165139293.png]  
三.WebStorm

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

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

下载地址：jetbrains.com/webstorm/

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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]  
三.sublime text3 编辑器

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

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

下载地址：sublimetext.com/  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]  
四.Hbuilder

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

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

下载地址：dcloud.io/  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 3]  
五.Atom

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

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

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]: /images/20221119/b296743f2de546ac99b853ea76408652.png
[20210127165139293.png]: /images/20221119/db572602c60f41ad947eec93ecfc06bf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]: /images/20221119/e4c61ccc3efa477292b7f9bc6529dbc6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]: /images/20221119/b9a6bdfc218d47cd87dac13c01eab19b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 3]: /images/20221119/58db9581d1534febac0dfe50555a2223.png
[20210127165228287.png]: /images/20221119/e719d5c58cf54902b857ed2d174bc39e.png