1.Visual Studio Code

Microsoft的Visual Studio Code(VS Code)是一个成熟、免费和开源的跨平台集成开发环境(IDE),即允许 开发人员创建、测试和部罢整个项目的复杂软件。 以下是VS Code的一些最受欢迎的功能：

-   IntelliSense,提供基于变量类型、函数定义和导入模块的语法高亮和智能补全

-   调试能力

-   内置Git命令

-   灵活性和可扩展性：您可以轻松添加与新语言、主题等相关的扩展

-   易于部署的能力

    您可以下载适用于Windows、Macos和Linux的VS Code。

优点：Web前端开发的人大部分都应该使用过，微软开发的一个轻量级代码编辑器，开源、免费、跨平台，插件扩展丰富，运行速度快，占用内存少，开发效率高。

缺点：要开发大型项目要下很多插件，配置很多，如ESLint配置，prettier配置等等。

2.Atom

Atom是一款免费、开源且功能强大的跨平台代码编辑器，可让您：

-   与使用Teletype for Atom的其他开发人员协作
-   使用Git和GitHub使用GitHub for Atom
-   在不同平台上编辑代码
-   通过智能自动完成加速编码
-   搜索、安装甚至创建自己的包
-   浏览项目文件

可以非常自由的组合子窗口，插件开发基于JS，Atom整个编辑器都是基于JS的

3.Sublime Text

Sublime Text将自己介绍为“用于代码、标i记和散文的复杂文本编辑器”。 这是一款付费的跨平台代码编辑应用程序，具有大量功能。这些包括： Goto Anything功能：允许开发人员在文件中搜索代码位并在项目中打开文件的快捷方式

-   多项选择
-   强大的AP叫和包生态系统来扩展内置功能
-   拆分编辑
-   轻松定制
-   快速项目切换
-   高性能
-   和更多

基本功能和VS Code差不多，语法提示，自动补全、插件扩展等功能都不错，界面简洁、轻便灵活，运行速度也非常快。

优点：主流前端开发编辑器，体积小，运行速度快，文本功能强大

缺点：是一款收费软件，但是可以无限期使用，并且SublimeText插件基于python开发，这一点对于前端来说不是很友好

4.HBuilder

国产的一个免费Web前端开发软件，界面干净、柔绿护眼、轻巧灵活，运行速度快，语法提示、文字处理功能强大，优先支持Markdown功能。

HBuilder是专为前端打造的开发工具，具有较全的语法库和浏览器兼容数据、可以方便的制作手机APP、保护眼睛的绿柔设计等特点。支持HTML、CSS、 JS、 PHP的快速开发。

Hbuilder最强大的是可以很方便做移动端开发，甚至直接打包hybrid应用。

Hbuilder是基于eclipse开发的，所以也是使用的eclipse插件。在插件菜单，Hbuilder推荐了一些常用插件，基本覆盖了前端开发需要的各种功能。

5.Web Storm

这是前端开发中一个比较专业的软件，相比较其他软件来说，体积比较大，功能也更复杂，常见的代码高亮、智能补全、Git等功能。

优点：优点太多，我就列举几个我觉得比较方便的

1.**自动修改代码中不符合eslint的地方**

如果你的项目中有使用eslint，在WebStorm中可以打开设置，保存时会自动帮你修复不符合规则的地方。

2.**对第三方库API的支持**

导入第三方库，比如jQuery，在WebStorm中进行编写代码时会有jQuery相关的提示

WebStorm还有些十分方便的功能，这里就不一一列举了

缺点：

1.  收费！这是WebStorm最大的缺点，收费还不便宜，个人版一年大概要300多人民币。
1.  启动速度以及打开工程速度缓慢，有时候打开一个小项目都要等1分钟甚至更长时间，更别说一个庞大的项目。
1.  非常吃资源，占用的内存远高于VSCode

6.Editplus

是一套功能强大的文字编辑器，拥有无限制的Undo/Redo(撤销)、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。除了支持HTML、CSS、 PHP,、 ASP、Perl、C/C++、 Java、JavaScript、VBScript的代码高亮外，还内建完整的HTML和CSS指令功能

优点：界面美观，启动速度快，配置功能强大，且比较容易，扩展比较强

缺点：不支持代码提示功能，不免费，收费单位美元，注册费用高

7.Ultraedit

提供了友好界面的编程编辑器，支持语法高亮，代码折叠和宏内置了对HTML、PHP和JavaScript等语法的支持，可同时编辑多个文件，而且即使开启很大的文件速度也不会慢

缺点：启动速度较慢、默认的设置中不支持Pascal语言，对中文支持不是很好

8、Notepad++

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

优点：拥有语法高度显示、语法折叠功能，并支持宏以及扩充基本功能的外挂模组，免费软件，自带中文，支持所有主流计算机程序语言

缺点：缺少语法检查，颜色选取，代码的outline，注释的解析，TODO，调试工具集成，部署工具集成等等好多功能；打开大文件比较慢。

更多推荐

前端开发常用编辑器,你用过哪几个？