前端集成开发工具软件简称“IDE”，是编写前端代码的编辑器，选一款适合自己，自己用的舒服，高效完成前端工作的编辑器尤为重要，下面，我将为各位同学介绍几款常见的开发工具。
1、HBuilder X
功能简介：HBuilder X是专为前端打造的开发工具，是轻如编辑器、强如IDE的合体版本，特点是启动速度快，编码提示极速响应，快捷键生成代码块、最全的语法库和浏览器兼容数据、可以方便的制作跨平台手机APP、小程序，最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、Vue的快速开发、Markdown的编写，从开放注册以来深受广大前端朋友们的喜爱。
2、Visual Studio Code
功能介绍：
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，体积小，界面简洁明晰、主题多，可以下载各种插件，而且插件非常多，操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
3、WebStorm
功能介绍：
WebStorm 是公Jetbrains司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
必须要搭配的浏览器工具有两款：IE与谷歌，由于IE系统自带，所以必须要安装一款谷歌浏览器。
切图软件最佳的还是PS，切图精度高，图片质量好。
我用的是HBuilder X做前端项目，之后带大家做的商业实战项目，也是用HBuilder X作为开发工具，因为我认为HBuilder X更接地气，一套代码可以覆盖多个终端，跨平台开发是我最看中的功能，尤其是对vue的支持更符合项目需要，开源免费，开箱即用，启动速度快，总体简单方便高效。我推荐大家跟我用一样的开发工具，方便我为大家看代码排错。
