前端开发工具有：一、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实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。
文章标题：前端开发工具有哪些，发布者：Flawy，转载请注明出处：https://worktile.com/kb/p/48237
微信扫一扫 
支付宝扫一扫 
