前端开发的几种常用的编辑器

Visual Studio Code

下载地址：Visual Studio Code - Code Editing. Redefined

功能介绍：

微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

Visual Studio Code软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。

hbuilder

下载地址：DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架

功能介绍：

前端开发小白入门首选，hbuilder是国产的一款前端开发工具而且是免费的，对于英语不好的前端工程师是一个不错的消息。

优点是有强大的其他语言支持和开发webapp等功能，强大到没朋友。在语法提示、转到定义、重构、调试等方面都非常高效。缺点也是有一些的，就是其有些稳定，有时可能会有些卡顿的现象，希望官方修复。

sublime text3

下载地址：Sublime Text - Text Editing, Done Right

功能介绍：

sublime text是一个轻量级的编辑器，也是支持各种编程语言，sublime text所有的强大功能都是支持插件的，而且快捷键十分的好用，可以极大的减少开发的劳动程度，使用sublime就是要使用其快捷键和插件。

sublime text3的优点的轻量级但是功能强大，优雅小巧启动速度快，有着丰富的第三方支持，能够满足各种各样的扩展缺点是对于项目的管理等不是很方便，但代码提示不如hubuilder强大。

Atom

下载地址：Atom

功能介绍：

Atom 是github专门为程序员推出的一个跨平台文本编辑器。平易近人,但可删节的核心工具定制做任何事,也可以使用有效不沾一个配置文件。为开源而生。

具有简洁和直观的图形用户界面，并有很多有趣的特点：支持CSS，HTML，JavaScript等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。

Dreamweaver CC 2017

下载地址：Website design software | Adobe Dreamweaver

功能介绍：

老牌的IDE ，曾经以PS+DW+FW称霸网页领域，号称网页三剑客，然而之前的版本更新较慢，版本陈旧，已经满足不了广大前端开发者的项目需求，逐渐被市场淘汰。

好在2017版本及时修正，外观、界面、语法高亮等已经很漂亮，并且添加了CSS预处理器支持，同时保留了部分预制组件，方便对语法还不熟悉的同学，对于不会node的同学也有提供实时预览，适合对前端有进一步了解的同学。

WebStorm

下载地址：WebStorm: The Smartest JavaScript IDE, by JetBrains

介绍：

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具，软件非常好用，他的打印log非常的方便，软件自身就带有吸管工具，非常的实用，导入第三方库的时候，比如JQuery的时候，会有相关的提示，这款软件号称“Web前端开发神器”，缺点的话就是，收费编码软件，我觉得这是他最大的缺点，还有不足的就是启动速度方面有点偏慢。

Brackets

Brackets是一款轻巧但功能强大的现代文本编辑器。Brackets 非常适合前端人员使用，该编辑器可以实时预览效果，让你一边编辑一边查看输出效果，非常直观。

Brackets官网

1.快速编辑 在你编辑HTML的CSS样式时不用再单独打开一个页签编辑CSS，可以直接编辑，避免页签之间的来回切换，提高了编辑效率

2.实时预览 Brackets中内置了一个webserver，点击右上角闪电⚡符号，brackets会启动内置服务器，并启动chrome浏览器打开工作目录下被选中的文件。

3.PHP支持 Brackets中的内置LSP（ 语言服务器协议）支持为许多开发人员开放了对PHP，Python等语言的支持。并启用诸如代码完成，诊断，跳转到定义等功能。

runJs

这是国内一个很赞的在线编辑器 runJs官网

RunJS 是一个在线的 HTML、Javascript、CSS 等 web 前端代码的编辑分享平台，拥有实时预览、高亮显示、代码格式化等功能，我们提供 OSChina、微博、qq、github、google、yahoo、hotmail这七种登录方式，你只需要有七种任意一个帐号就可以点击右上角的登 录按钮来立即体验RunJS。

EditPlus

EditPlus是一款小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器，拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能, 除了支持HTML, CSS, PHP, ASP, Perl, C/C++, Java, JavaScript, VBScript的代码高亮外，还内建完整的HTML和CSS指令功能。是许多前端人员比较喜欢的一款编辑软件。

###notepad++

软件小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，Notepad++ 内置支持多达27种语法高亮度显示。是一款小巧而功能强大的软件。