Web前端开发工具
前言：初入前端开发，少不了当然是开发工具的使用，用户可以根据自己的习惯进行选择。以下是我自己总结的一些开发工具的推荐与分享心得，我自己平时主要用以下几款：
我希望借此博文比较市面上主流软件，希望对大家有所帮助（主要是Windows平台）。
一、初入篇
1、HBuilder、HBuilderX（下载地址http://www.dcloud.io/）
（1）介绍：入门首推这两款工具。这两款工具是中国DCcloud（数字天堂）推出的一款支持HTML5的Web开发IDE。区别在于HBuilderX更加轻量，压缩包大小仅10几M，通过自定义插件的安装来适应自己开发的需要。当然，作为前端开发者，这两款工具可以一直使用下去，不局限于前期练习。
（2）优势：轻量首推！工具内置浏览器，代码提示很完整，文档结构清晰，大幅度提升开发效率。特别是对于H5 APP开发的支持，我认为如果你要从事H5移动端App开发的话，首选这两款工具。
2、Editplus（收费，**版百度）
（1）介绍：EditPlus是一款由韩国 Sangil Kim 出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器，是一个超级小巧的IDE。最大特点没有代码提示功能，只有语法高亮。因此初学HTML，英语基础又不好的同学可以首选，多敲多练嘛。
（2）优势：没有代码提示是最大优势吧~。练习必备，老司机当然不推荐，毕竟工作效率最重要。
3、Dreamwheaver（价格不菲，**版百度）
（1）介绍：Adobe出品，出道多年。最新版本已经是CC 2019了，建议要用这款软件的同学不要选用老版本，因为前端开发技术一直在更新，老版本对新语法支持不是太友好，新版本对电脑性能有一定要求。
（2）优势：工具内置浏览器功能很强大！通过点击其某一元素可以自动定位到HTML文档中的对应标签，如图所示：
这样的功能真的方便了很多小白用户，毕竟有时候会忘记了这个元素对于的是哪一个HTML标签，找都要找半天。工具具有代码重构功能。但是现在主流用户都不推荐Dreamwaver，我个人也不推荐后期开发使用，至于扩展性，那就是智者见智了。
二、深入开发篇
1、Sublime Text（下载地址：http://www.sublimetext.com/3 收费）
（1）介绍：神器！轻量级IDE，神器神在可扩展性，工具包含大量实用插件，我们可以通过安装自己领域的插件来提高工作效率。支持VIM模式（LINUX推荐）、支持宏（批处理）。
（2）优势：集成了各种插件很方便。右边没有滚动条，取而代之的是代码缩略图。强大的快捷命令“可以实时搜索到相应的命令、选项、snippet和syntex。可以跳转到任意文件的任意位置。
2、WebStorm（下载地址：https://www.jetbrains.com/webstorm/ 收费）
（1）介绍：JetBrains开发的一款JavaScript开发工具。同时支持HTML5开发。最大特点是有强大的JavaScript开发功能，例如代码重构，支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
（2）优势：同DW，优秀的代码定位能力，能轻松将光标定位到变量/属性/方法的定义处，对阅读代码非常有用。nodejs 最好的开发工具。
3、Visual Studio Code（下载地址：https://code.visualstudio.com/，本人强烈推荐）
（1）介绍：微软推出的良心之作。是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分。
（2）优势：软件界面优美，不多说，看下图↓ 多种自带主题（亦可下载）可选，甚至可以自定义背景图片，具体方法参照我的另一篇博客XXX
把最好用的工具放到最后，真有点惭愧了······VS Code可以集成多种插件，不仅是前端开发、前端+后端开发，甚至是其它诸如Java、C/C++开发都有很多插件可以使用，Java Test Runner插件如上图所示。一款软件就可以完成多种工作了。以下简单介绍VS Code软件（前端开发）的使用
1、中文安装方法：点击图中红圈，在上面搜索“Chinese”，安装后重启即可，官方中文汉化。
2、快速生成HTML文档：由于VS Code新建是文件是文本文档，所以需要手动切换语言。点击图中1，切换为HTML，这是你会发现虽然是HTML文档了，但是没有内容。这时需要输入英文的感叹号!然后回车，即可快速生成H5文档模板。