前端开发编辑器大集合，选择困难症的速看

1.VSCode（推荐使用）

官网： Visual Studio Code - Code Editing. Redefined

优点：

界面符合前端审美，用过的最好看的编辑器。 体积小，拓展性高。可以按需加载。 缺点：

编辑器相较于IDE的局限性，VSCode做到了90%，剩下10%被WebStorm做了。 不支持组件跳转。个人认为这个很影响效率。（欢迎打脸，想用回VSCode） SVN支持不够好。（0202年了，公司终于换Git了，两种管理软件，存在即合理，这里不讨论优劣） 创建项目比较反人类（不难，就是需要学）

2.WebStorm

官网：WebStorm: The Smartest JavaScript IDE, by JetBrains

优点：

功能齐全，强大。 用户体验优化近乎完美。 缺点：

界面相较于VSCode略丑，无论我怎么调主题，都达不到VSCode的美观程度 付费软件，贵。（当然免费用的方法很多，但很多人难在这儿了） 比较吃电脑配置，也可能是我电脑配置垃圾。

3.HbuilderX

官网 HBuilderX-高效极客技巧

优点：

前端小白入门首选，hbuilder是国产的一款前端开发工具而且是免费的，对于英语不好的前端工程师是一个不错的消息。 体积小，不吃配置 云打包手机App，真香。 缺点：

和VSCode一样，编辑器相较于IDE的局限性 个人感觉比VSCode丑

4.DreamWeaver

下载地址：Website design software | Adobe Dreamweaver

优点：

Dreamweaver 是一个由 Macromedia 公司所开发的着名网站开发工具。老牌的网页编辑软件，曾经以PS+DW+FW称霸网页领域，号称网页三剑客，很多老师都用这个软件教学生设计网页。它的功能很强大，最大的优点是可视化编辑，还有当你的代码有错误时会给出提示，因此深受前端开发人员和网站开发人员欢迎。

缺点：

然而之前的版本更新较慢，版本陈旧，已经满足不了广大前端开发者的项目需求，逐渐被市场淘汰。

5.sublime text

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

功能介绍：

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

优点：

轻量级但是功能强大，优雅小巧启动速度快，有着丰富的第三方支持，能够满足各种各样的扩展。

缺点：

是对于项目的管理等不是很方便，但代码提示不如hubuilder强大。

6.Atom

下载地址：Atom

功能介绍：

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

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

7.VIM

Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器，在Vi的基础上改进和增加了很多特性。VIM是自由软件。Vim普遍被推崇为类Vi编辑器中最好的一个，事实上真正的劲敌来自Emacs的不同变体。1999 年Emacs被选为Linuxworld文本编辑分类的优胜者，Vim屈居第二。但在2000年2月Vim赢得了Slashdot Beanie的最佳开放源代码文本编辑器大奖，又将Emacs推至二线， 总的来看， Vim和Emacs在文本编辑方面都是非常优秀的。vim是vi的增强版，完全兼容vi。vim优势主要体现在以下几个方面： 1、多级撤消 我们知道在vi里，按u只能撤消上次命令，而在vim里可以无限制的撤消。 2、易用性 vi只能运行于unix类中，而vim不仅可以运行于unix,windows ,mac等多操作平台。 3、语法加亮 vim可以用不同的颜色来加亮你的代码。 4、可视化操作 就是说vim不仅可以在终端运行，也可以运行于x window、 mac os、 windows。 5、对vi的完全兼容 某些情况下，你可以把vim当成vi来使用。