前端开发工具有：一、WebStorm；二、HBuilder；三、Visual Studio Code；四、Sublime Text；五、Atom；六、Adobe Dreamweaver。WebStorm是JetBrains公司旗下一款JavaScript开发工具，功能齐全，集成度高，内置服务器调试、ESlint、代码补全、Emmet、ES6语法支持等应有尽有。
一、WebStorm
WebStorm是JetBrains公司旗下一款JavaScript开发工具，功能齐全，集成度高，内置服务器调试、ESlint、代码补全、Emmet、ES6语法支持等应有尽有，目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。也存在一定的缺点正版收费，由于内置集成度比较高占内存大（常驻内存300M左右），启动慢，对电脑配置有一定要求。
二、HBuilder
Hbuilder是国产的一款前端开发工具，是开发小白的福音，支持webapp开发，一套代码多端运行，代码实现简单，开发快速，官网提供很多组件，可以直接拿来用，也是存在一定的缺点比如bug官方回应不及时，自身稳定性会出现卡顿，闪退等问题。
三、Visual Studio Code
Visual Studio Code是一个运行于MacOSX、Windows和Linux之上的，免费，开源的代码编辑器。功能非常强大，人性化的设计，界面符合前端审美，丰富的插件配置，体积小，拓展性高。缺点也是有一些的，支持度相较于ide有一定的局限性。
四、Sublime Text
Sublime text具有漂亮的用户界面和强大的功能，体积小，运行速度快，可配置度高，丰富的插件，可以极大的减少开发的劳动程度，缺点是收费，闭源，插件的兼容性及插件bug官方响应不及时等。
五、Atom
Atom是github专门为程序员推出的一个跨平台文本编辑器，具有简洁和直观的图形用户界面，并有很多有趣的特点：支持CSS，HTML，JavaScript等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。单纯从编辑器角度看，Atom免费，扩展性强，原生的包管理，重用npm社区资源，易于跨平台。发现bug反馈官方解决积极，缺点是相对重量，运行慢，这也是基于其架构无法克服的。
六、Adobe Dreamweaver
Adobe Dreamweaver，简称“DW”，中文名称“梦想编织者”，最初为美国MACROMEDIA公司开发，曾是网页三剑客之一，是比较流行的网页设计软件，操作简单，优秀的网站管理功能，便于扩展。然而由于版本更新慢，相对陈旧，无法满足开发者的需求，逐渐退出了历史舞台。2017版本及时进行修正，适合对于语法还不熟悉的同学使用。
延伸阅读：
什么是前端？
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。
前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript／ajax，最新的高级版本HTML5、CSS3，以及SVG等。
这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。
开发者生产力工具大全：
从人工到自动化，从重复到创新，技术演进的历程中，都伴随着开发者工具类产品的发展，所以这里整理近几年口碑良好，使用广泛的22款程序员生产力工具。
1.研发项目管理与协作：PingCode
优点：让工作推进、进度/问题追踪、团队协作变得更简单，2021年研发项目管理榜单TOP1（36Kr）。
简介：覆盖研发全生命周期，广泛用于需求、版本、项目（敏捷/kanban/瀑布）、测试、缺陷、文档、效能等环节管理与协作。并且集成github、gitlab、jinkens等主流工具，支持私有部署、在线等多种部署使用方式。
【教程/官网】
2.任务管理/甘特图制作工具：Worktile
优点：功能成熟、性价比高、国内市场占有率最高的团队任务工具；
简介：在功能上Worktile 是一个工具集合，它具备OKR目标管理、项目管理、项目集管理、项目计划、项目风险、项目成本管理、企业网盘、审批、简报等能力。并且具备强大的自定义能力，能够配置出符合各种项目团队的流程、表单、字段、数据报表，以及具备丰富的模板市场。
【官网/教程】
3.分布式版本控制系统：Git
优点：分布式开发、速度快、灵活
简介：Git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。
【教程/官网】
4.数据库管理工具：Navicat
优点：高效、安全，最好用的数据库管理工具。
简介：“Navicat”是一套可创建多个连接的数据库管理工具，用以方便管理 MySQL、Oracle、PostgreSQL、SQLite、SQL Server、MariaDB 和 MongoDB 等不同类型的数据库，它与阿里云、腾讯云、华为云、Amazon RDS、Amazon Aurora、Amazon Redshift、Microsoft Azure、Oracle Cloud 和 MongoDB Atlas等云数据库兼容。
【官网/教程】
其余工具可通过《神级程序员都用什么工具？程序员生产力工具大全 》查看，以上均整理自该文章。
文章标题：前端开发工具有哪些，发布者：Flawy，转载请注明出处：https://worktile.com/kb/p/48237
微信扫一扫 
支付宝扫一扫 
