适合前端开发人员的最佳 IDE 和文本编辑器

十几两年前，网站是用手和常规文本编辑器制作的。编写您自己的 html 标签，使用 CSS 中的内联样式进行一点魔法，加上有趣的动画 - 该网站就可以使用了。 如今，创建和开发网站或应用程序是一个结构化的过程。您可以使用网站构建器在一分钟内创建一个网站，也可以为此苦恼几个月。随着 Web 开发的变化，新的框架、插件和应用程序不断涌现，以简化编码。附加工具简化您的工作环境并提高生产力。我们使用版本控制系统进行协作开源项目管理和 jQuery 等库。开发环境在创建网站的过程中起着非常重要的作用。选择理想的文字处理器可能是一项具有挑战性但可行的任务，需要应用实证研究。如何不迷失在工具、应用程序和插件的海洋中？您应该为日常工作选择哪一种文本编辑器，为宠物项目选择哪一种？我们为初级前端开发人员整理了一份最流行工具的小列表。我们是否忘记在文章中提及您最喜欢的编辑器？留下意见！

记事本++

发布： 2003 年 11 月 24 日。最简单的文本编辑器，具有语法突出显示和选项卡。支持多种编程语言和技术。非常适合刚踏上 Web 开发之路的初学者。 可能性：

• 创建书签；
• 自动复制和保存创建的文件；
• 标准文本编码的支持和转换；
• 用户可以独立设置语法高亮规则；
• 安装各种有用的插件；
• 设置和重新定义热键；
• 拼写检查和文本加密；
• 玩俄罗斯方块（以防你厌倦了编码）；
• 可以管理大量数据。

该编辑器的另一个“功能”被认为是“复活节彩蛋”，其形式是显示黑暗之父达斯·维德和“仇恨文件夹”之父比尔·盖茨的名言。 美中不足的是：界面过于简化，不符合当今的开发标准。它可以比作白天手电筒的光。 语法突出显示： + 自动标签检测： + 操作系统兼容性： Windows、ReactOS。 免费版本：是的。 链接： https: //notepad-plus-plus.org/download/v7.5.1.html

括号

发布时间： 2014 年 11 月 4 日。Adobe 拥有许多很酷的产品，深受前端开发人员和设计师的喜爱。括号就是其中之一。这个免费、开源、跨平台的编辑器基于 JavaScript、HTML5 和 CSS3，因此它的工作专门针对这些内容。如果您对 JavaScript 有基本的了解，那么这就是您应该开始使用的编辑器。因为他将为扩张提供所有必要的工具。该编辑器需要一些改进，但总体而言，它的开发相当活跃，并且在开发人员中很受欢迎。此外，每个用户都可以进行自己的更改并创建其他扩展。 可能性：

• 编辑 JS、CSS 和 HTML 文件的技巧；
• 支持在浏览器中实时查看代码（实时预览）；
• 与FTP服务器同步；
• 支持CSS自动编译成less文件；
• 提供您在处理文本时可以使用的一系列字体（可以添加它们）；
• 使用版本控制系统 – Git。

2017 年的新版本引入了搜索历史记录、发送和接收不同编码的文件、使用热键浏览编辑历史记录、启用和禁用扩展以及 Linux 本机菜单的功能。 语法突出显示： + 自动标签检测： + 操作系统兼容性： macOS、Windows 和 Linux。 免费版本：是的。 链接： http: //brackets.io

升华

发布： 2008 年 1 月 18 日。跨平台代码编辑器和集成开发环境 (IDE)。我们喜欢这个编辑器的速度和易用性，而Coda和TextMate 则半途而废，并因更新非常不便而令主要用户群感到失望。 可能性：

• 快速导航文件、符号和某些代码段（这就是它受到许多用户喜爱的原因）；
• 输入字符时语法检查功能立即生效；
• 使用宏优化和重复最近的操作；
• 自动保存代码，防止丢失；
• 支持各种视觉主题和编程语言；
• 保存常用的关键字和代码片段；
• 一组现成的 Python 插件；

语法突出显示： + 自动标签检测： + 操作系统兼容性： Windows、Mac OS、GNU/Linux。 免费版：是（无功能限制），但审核应用程序后，需要购买许可证。 链接： http: //www.sublimetext.com/3

网络风暴

发布时间： 2015年。这不是一个普通的文本编辑器，而是一个JavaScript、CSS和HTML的集成开发环境。它的作者是 JetBrains，该公司创建了深受 JavaRush 学生喜爱的 IntelliJ IDEA 环境。WebStorm 是最聪明、最受欢迎的编辑器之一。支持主要框架：AngularJS、React 和 Meteor，用于在 Node.js 上创建应用程序。WebStorm 是一个相当复杂的环境，但同时它对于那些需要大量扩展和功能的人来说非常有用。 可能性：

• 由于与版本控制系统 Git、GitHub、Mercurial 集成，可以有效地处理不同规模的项目。这使您可以在 IDE 中“提交”文件、查看更改并解决冲突；
• LiveEdit - 显示初步更改，无需重新加载页面（适用于 Google Chrome 浏览器）；
• 编辑过程中的代码分析；
• 重构和调试 Javascript 和 Node.js 应用程序的代码；
• 支持 ECMAScript、TypeScript、CoffeeScript 和 Dart 语言；
• 使用 Node.js Express 模板创建应用程序；
• 使用 Mocha、Karma 和 Protractor 等框架进行启动和调试。您可以在编辑器本身或方便的树形菜单中对其进行测试，从中您可以快速返回到文本；
• 完全支持LESS、Sass、SCSS、Stylus预处理器；
• 在终端窗口中快速搜索；
• 构建涉及多个 Javascript 库的项目；
• 支持 JQuery、YUI、Prototype、DoJo、MooTools、Qooxdoo 和 Bindows；
• 初步支持并使用 Angular 2。

语法突出显示： + 自动标签检测： + 操作系统兼容性： Windows、Mac OS、GNU/Linux。 免费版：有30天的试用版，之后您需要购买许可证。 链接： http: //www.jetbrains.com/webstorm/

原子

发布： 2014 年 2 月 26 日。由大家最喜爱的Github的作者创建的免费开源软件。它基于 50 个模块构建，并使用 Node JS、CoffeeScript、CSS、HTML 和 C++ 编写。您还可以开发自己的模块并将其发布到存储库中以供开放访问。该开发环境非常易于使用，附加插件有助于扩展使用它的可能性。 可能性：

• 使用 GUI 进行配置而不是 json 文件；
• 查看代码及其片段的小地图；
• 按项目和文件快速搜索；
• 方便的侧边栏和文件树；
• Github 上提供了大量的扩展包；
• Emmet、Autoprefixer、Livereload 支持；
• 通过侧边栏树查看文件；
• 能够根据个人用户偏好定制编辑器；
• 存在内置文件管理器；
• 无需安装带有插件的控制包，使用图形用户界面就足够了；
• 支持用 Node.js 编写的插件；
• 直接在编辑器中预览 PNG、JPEG 图像；
• 提供与 Git 版本控制系统的配合。

美中不足的是它需要大量内存并且无法处理大数据文件。 语法突出显示： + 自动标签检测： + 操作系统兼容性： Windows 7、8、Mac OS 10.8、Linux。 免费版本：是的。 链接： https: //atom.io

维姆

发布时间： 1991 年 11 月 2 日。你可能会问：老 Vim 在现代编辑器列表中忘记了什么？事实上，Vim 是一个完全现代且功能强大的文本编辑器，是在旧 vi 的基础上创建的，可在 UNIX 操作系统上使用。而且它在不断发展。开发人员几乎每年都会进行更改，添加新的插件和附加组件。上一次发生这种情况是在 2016 年，扩展的数量和速度确实令人惊叹，值得一看。Vim 是一个多模式编辑器。您可以同时使用多种方式进行工作：命令、插入或视觉。然而，值得考虑的是，对于新手开发人员来说，这相当复杂。尽管具有多年经验的专家并不了解其许多功能。 可能性：

• 支持标准文本编码；
• 您可以同时处理多个文件；
• 自动识别并转换文件；
• 与 Perl、Tcl、Python 和 Ruby 编程语言兼容；
• 为每个用户的需求创造舒适的设置；
• 记录和执行宏；
• 视觉模式可以执行许多有用的功能（例如，突出显示文本块）；
• 支持从右到左书写的非标准语言（如阿拉伯语或希伯来语）；
• 方便的搜索词和命令历史设置；
• 支持完全使用键盘而不使用鼠标；
• 在处理大文件时表现出惊人的性能。

语法突出显示： + 自动标签检测： + 操作系统兼容性： Windows、DOS、Linux、BSD 和 Mac OS、iOS、Android、AmigaOS、Atari MiNT、BeOS、NextStep、OS/2、OSF、RISC OS、SGI、VMS。 免费版本：是的。 链接： https: //vim.sourceforge.io/download.php

网豆

发布时间： 1997 年。免费、开源 IDE，由 Oracle 赞助并得到热情开发人员的支持。它不断地被开发和补充各种扩展，以提高便利性和速度。 可能性：

• 窗口和存储管理；
• 界面和设计更改（包括菜单和弹出窗口）；
• 建立与远程服务器的连接；
• 可以进行代码重构；
• 有附加组件、模板和代码生成器；
• 支持多种编程语言；
• 自动语法检查和纠正；
• 定制编辑器以满足用户的需求；
• 启动和调试 JavaScript 和 Node.JS 应用程序；
• 支持 PHP 框架（Symfony、Zend 和 Yii）。

美中不足的是：它消耗大量内存。 语法突出显示： + 自动标记检测： + 操作系统兼容性： Microsoft Windows、Linux、FreeBSD、Mac OS X、OpenSolaris 和 Solaris。 免费版本：是的。只是它是免费的。 链接： https: //netbeans.org

硬核奖励：记事本，又名“记事本”

发布时间： 1985 年，与 Windows 1.0 一起发布。是的，是的，默认情况下安装在所有 Windows 计算机上的同一个记事本。“这个古老的东西在这里被遗忘了？这与发展有什么关系？”你问。事实上，我们知道今天任何人都不太可能在经典记事本中创建任何严肃的东西。然而，正是在这个程序中，许多新手开发人员在过去的 15-20 年里“组装”了他们的第一个网站并编写了他们的第一个程序。 我们的意思是，如果你想学习，没有什么可以阻止你。对于真正的开发人员（以及想成为开发人员的人）来说，记事本并不是障碍。 特点：只有黑文，只有硬核。 美中不足：没有美中不足：“记事本”在极简主义方面堪称完美！ 语法高亮：没有。训练你的记忆力！ 自动标签检测：哇！ 免费版本：记事本与 Windows 一样免费。