前端开发工具有哪些？

 俗话说："欲先善其事，必先利其器"、"磨刀不误砍柴工，砍柴时，需要一把好斧头。同样的前端开发也需要一个好的编译器，有一个好的编辑器，省时省力。废话不多书，开始介绍几款常见的编译器。

一、Visual Studio Code

下载地址：https://code.visualstudio.com/

属于微软旗下的，功能强大且轻巧的免费代码编辑器具有集成工具，可轻松地将代码部署到 Azure。软件功能强大，语法高亮，自动格式化代码，设计人性化，使用便捷。本人自己就用这个编辑器。

 

二、sublime text3

下载地址：http://www.sublimetext.com/

sublime text3是一个轻量、简洁、高效、跨平台的编辑器，支持各种编程语言。体积小，无需安装，绿色便捷。但是对于项目启动、打包、提交版本等有点困难。如果制作简单网页便可以使用它。

 

三、Webstorm

下载地址：https://www.jetbrains.com/webstorm/

Webstorm是jetbrains公司一款商业的javascript开发工具，被誉为“web前端开发神器”、“最强大的HTML5编辑器”。官方提供插件支持，自动保存文件、自动格式化代码、统一风格等很多优势。唯一缺点，属于商业版开发工具，体验版只能使用30天，需要付费购买或破解使用，免费版每次只能使用30分钟就强制关闭了。

 

四、HBuilder

下载地址：https://www.dcloud.io/hbuilderx.html

HBuilder是一款轻巧、极速、有强大语法提示的编辑器，提供比其他工具更优秀的vue支持，提升vue开发效率。还支持开发webapp，最强大之处就在于使用uni-app项目时，一套代码可以发行多个平台，如果是webapp，可直接打包android和ios两个包；如果是小程序，则可发行至微信、支付宝，抖音、快手、百度、360、快应用等多个平台。一套代码，解决多个平台，开发和维护效率极高。

 

五、Dreamweaver

Dreamweaver简称“DW”，最早输“网页三剑客”之一，是将开发和管理网站于一身的所见所得网页编辑器。代码提示功能强大，有设计模式，直接点击和拖拽，即可实时的更新代码，适合新手利用它可以轻而易举的制作出网页。但是在设计模式下生成的代码可读性差。对于大项目，不推荐使用，不便于项目启动、打包、提交版本等管理。目前需要付费购买或破解才能使用。