Web前端开发工具（编辑器）汇总

Web前端开发工具

1、文本编辑器应用：操作系统自带编辑器（如Windows系统的记事本、Unix及类Unix系统文本编辑器Vim）、EditPlus、Notepad++等；

记事本
windows自带的记事本，可直接运行，无需卸载与重装。notepad.exe事实上就是一个windows记事本，它是微软操作系统自带的记事本程序，该程序功能非常的实用，可以为用户记录文字，并且支持自动换行，支持设置字体、字形和字体大小，支持查找和替换，是目前用户使用最多的记事本软件。

EditPlus
小巧但是功能强大的编辑器，拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。

Notepad++
Notepad++功能比Windows中的Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

Vim
Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器，在Vi的基础上改进和增加了很多特性。代码补全、编译及错误跳转等方便编程的功能特别丰富。用户学习了各种各样的文本间移动、跳转的命令和其他的普通模式的编辑命令，并且能够灵活组合使用的话，能够比那些没有模式的编辑器更加高效的进行文本编辑。

2、Web前端开发辅助工具应用：Hbuilder、Dreamweaver、WebStorm、Visual Studio Code等。

Hbuilder
HBuilder 是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。
以“快”为核心的HBuilder，引入了“快捷键语法”的概念，巧妙地解决了困扰许多开发者的快捷键过多而记不住的问题。开发者只需要记住几条语法，就 可以快速实现跳转、转义和其他操作。HBuilder的生态系统可能是最丰富的Web IDE生态系统，因为它同时兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各种技术都有Eclipse插件。

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

WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

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