学习Web前端用什么编辑器？

经常会有人问学习Web前端到底该用哪个软件写代码比较好呢？。目前市场上主流的Web前端开发代码软件有Webstorm、Vscode、Sublime、HBuilder、Dreamweaver等，但是哪个好用点呢？有啥特点呢？今天就来讲讲。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具，一款被广大前端设计师誉为“Web前端开发神器”的H5编辑器。他与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分功能，因此被称为“最智能的Java IDE”.大部分编辑器有的智能代码不全，html提示，联想查询，代码检查等功能。

特点：功能强大，有很多集成功能，使用率90%。唯一缺点就是要收费。

                 

图片发自App

Visual Studio Code

简称VSCode，Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流开发语言，软件功能非常强大，界面简洁明了。操作方便快捷，设计得人性化。软化主要改进了文档视图，完善对Markdown的支持。

特点：插件数量多，安装方便，重点是免费。微软提供支持全职团队来开发的一款编辑器。该软件同时支持主流三大平台。

图片发自App

DreamWeaver

简称DW，是个由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。

特点：DreamWeaver的缺点就是比较耗费系统资源，这也许是IDE类产品的通病。其中，DW3.0乃是经典版，这个软件中规中矩，大部分常规功能都有。

图片发自App

Sublime Text

sublime text也是前端开发比较常见的工具之一，特点是可通过配置插件来构建一个比较丰富的开发环境，同时sublime text比较轻（比Hbuilder还要轻），如果熟悉了它的快捷键，那么使用起来还是比较便捷的。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。

特点：收费软件、轻量插件多，安装复杂，需要翻墙，刚开始学前端时用了一段时间我就弃用了，对于前端新手，不推荐使用。

图片发自App

HBuilder

HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。整个操作比较简便，显示风格我也比较喜欢，给人一种很轻的感觉，同时功能又很强大。

特点：使用Hbuilder有一个问题，就是之前开发过的页面如果通过导入功能导入到Hbuilder中会出现中文乱码。

图片发自App

wampServer

WampServer，是Windos Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，WAMP一切都搞定了。

图片发自App