最佳的免费Web开发IDE，适用于JavaScript，HTML和CSS

本文概述

• 7. RJ TextEd
• 6. Light Table
• 5. Netbeans
• 4. Brackets
• 3. Komodo Edit
• 2. Atom by Github
• 1. Visual Studio Code
• Aptana Studio

要编辑HTML和CSS代码, 你只需要一个简单的纯文本编辑器, 其余的取决于你的技能和创造力。但是, 如果你在工作时使用适当的工具, 将会更有启发。

我们也知道并不是每个人都能够(或想要)支付花哨的代码编辑器的许可证, 那就是我们热爱开源的时候。有许多免费的IDE和代码编辑器, 你可能想知道哪种更适合我的要求。

为了使你或你的团队更轻松地开发Web应用程序, 我们发现了一些非常好的JavaScript集成开发环境, 它为你提供了一个方便的环境来编码, 编辑, 测试和调试Web应用程序。

7. RJ TextEd

RJ TextEd是具有Unicode支持的功能齐全的文本和源代码编辑器。它也是一个功能非常强大的Web(PHP, ASP, JavaScript, HTML和CSS)开发编辑器。该功能不仅限于文本文件, 还包括对CSS / HTML编辑的支持以及集成的CSS / HTML预览, 拼写检查, 自动完成, HTML验证, 模板等。该程序还具有一个双窗格文件命令程序, 以及一个(S)FTP客户端来上传文件。

RJ TextEd在Embarcadero的Delphi XE6中开发, 并作为免费软件发布。

它支持以下功能(以及更多功能)：

• 自动完成。
• 代码折叠。
• 列模式。
• 多重编辑和多重选择
• 文件图
• 注释栏
• 高级排序。
• 处理ASCII和二进制文件。
• CSS和HTML向导。
• CSS / SASS / LESS中突出显示颜色。
• 可以在颜色格式之间转换的高级颜色提示。
• 可停靠面板。
• 具有同步功能的FTP和SFTP客户端。
• 文件浏览器, 文本剪辑, 代码浏览器, 项目经理…
• 在代码页, Unicode格式和文本格式之间转换。
• Unicode和ANSI代码页检测。
• 打开/保存没有签名(BOM)的UTF-8编码文件。
• Unicode文件路径和文件名。
• HTML验证, 格式和修复。
• 可用的工具, 例如语法编辑器, 颜色选择器, charmap

6. Light Table

Light Table是一种”新型” IDE, 它是用于创建和探索程序的反应性工作界面。

尽管软件界面已朝着简化的方向发生了巨大的变化, 但开发工具的世界仍在不断缩小我们的工作空间, 每个版本中都有一个又一个功能。 Light Table基于一个非常简单的想法：我们需要一个真正的工作表面来进行编码, 而不仅仅是编辑器和项目浏览器。我们需要能够四处移动, 保持混乱, 并在最需要的地方将信息带到前台。这是默认模式的样子。

这是一个独立的应用程序, 因为UI层中有一个webkit实例, 这完全是一个实现细节。它将像普通应用程序一样打包, 并且将像你习惯的其他任何编辑器一样在本地运行。这意味着它几乎可以在任何平台上运行, 并且将支持三大操作系统(linux / mac / windows)。

Light Table基于以下指导原则：

• 你永远不必寻找文档
• 文件不是最好的代码表示形式, 只是方便的序列化。
• 编辑者可以在任何地方, 向你显示任何内容-不仅仅是文本。
• 鼓励尝试-变化产生即时结果
• 我们可以对代码的相关部分有所了解

让我们看一下这些东西如何在Light Table中体现出来。

5. Netbeans

使用Java, JavaScript, HTML5, PHP, C / C ++等快速轻松地开发桌面, 移动和Web应用程序。 NetBeans IDE是免费的开放源代码, 并拥有一个由用户和开发人员组成的全球社区。

NetBeans IDE 8.1提供了开箱即用的代码分析器和编辑器, 可用于最新的Java 8技术-Java SE 8, Java SE Embedded 8和Java ME Embedded8。IDE还提供了一系列新工具, 可用于HTML5 / JavaScript, 尤其适用于Node.js, KnockoutJS和AngularJS；通过PrimeFaces进一步增强了对Maven和Java EE的支持的增强功能；以及对PHP和C / C ++支持的改进。

NetBeans IDE 8.1提供英语, 巴西葡萄牙语, 日语, 俄语和简体中文。

IDE不仅仅是文本编辑器。 NetBeans编辑器缩进行, 匹配单词和括号, 并在语法和语义上突出显示源代码。它使你能够使用一系列方便而强大的工具轻松地重构代码, 同时还提供了代码模板, 编码技巧和代码生成器。

该编辑器支持多种语言, 从Java, C / C ++, XML和HTML到PHP, Groovy, Javadoc, JavaScript和JSP。因为编辑器是可扩展的, 所以你可以插入对许多其他语言的支持。

请记住, netbeans支持许多编程语言, 但是作为Web开发人员, 我们建议你从下载页面仅下载HTML5 / Javascript构建的安装。

4. Brackets

Brackets是一种了解网页设计的现代开放源代码文本编辑器。

Brackets是一款现代化的文本编辑器, 具有集中的可视化工具和预处理器支持, 可轻松在浏览器中进行设计。它是专为网页设计师和前端开发人员设计的。 Brackets是一个开源项目, 得到了一个活跃而热情的社区的支持。它是由像你一样的其他Web开发人员制作的！

通过括号, 你无需在文件选项卡之间跳转, 而是可以打开一个窗口, 进入你最关心的代码。是否想使用适用于特定ID的CSS？将鼠标光标放在该ID上, 按Command / Ctrl + E, 括号将在嵌入式窗口中向你显示具有该ID的所有CSS选择器, 因此你可以并排处理代码而不会出现任何弹出窗口。

与浏览器建立实时连接。对CSS和HTML进行更改, 你将立即在屏幕上看到这些更改。还可以通过简单地将光标放在浏览器上来查看CSS选择器在浏览器中的应用位置。借助浏览器内开发工具的便利, 它是代码编辑器的强大功能。

预处理器支持

以全新的方式使用预处理器。开发人员知道预处理器对快速工作流程的重要性。这就是为什么这种情况使Brackets成为最适合预处理器的代码编辑器的原因。使用括号, 你可以对LESS和SCSS文件使用快速编辑和实时突出显示, 这将使它们的使用比以往更加容易。

3. Komodo Edit

Komodo Edit是Komodo IDE(付费软件)的免费开源副本。 Komodo更快, 更易于使用。与构建系统的新集成使你可以留在原地并完成更多工作。在一个跨平台的迷你IDE(带有免费版本)中获得你喜欢的框架, 语言和工具。

Komodo Edit具有很多正面评价和资格。每个人都建议使用此IDE, 如果你不想为完整的IDE版本付费, 则应该开始使用Komodo Edit。

2. Atom by Github

Atom是一种文本编辑器, 它是现代的, 平易近人的, 但可以侵入内核, 这意味着你可以自定义以执行任何操作, 而且还可以高效使用, 而无需触及配置文件。下载, 安装并开始使用它！

Atom具有内置的程序包管理器, 可以搜索并安装新程序包, 也可以从Atom内部开始创建自己的程序包。 Atom预装了四个深色和浅色UI和八个语法主题。如果找不到所需的内容, 则还可以安装Atom社区创建的主题或创建自己的主题。

• Atom可跨操作系统使用。你可以在OS X, Windows或Linux上使用它。
• 在文件或所有项目中键入, 查找, 预览和替换文本。
• 在一个窗口中轻松浏览并打开单个文件, 整个项目或多个项目。

Atom是使用HTML, JavaScript, CSS和Node.js集成构建的桌面应用程序。它在Electron上运行, Electron是使用Web技术构建跨平台应用程序的框架。

1. Visual Studio Code

Visual Studio Code是一个轻量级但功能强大的源代码编辑器, 可在你的桌面上运行, 并且可用于Windows, Mac和Linux。它具有对JavaScript, TypeScript和Node.js的内置支持, 并具有丰富的其他语言(例如C ++, C＃, Python, PHP)和运行时扩展的生态系统。

Visual Studio Beyond借助IntelliSense超越了语法突出显示和自动完成功能, 该功能基于变量类型, 函数定义和导入的模块提供了智能完成功能。你甚至可以直接在编辑器中调试代码。启动或附加到正在运行的应用程序, 并使用断点, 调用堆栈和交互式控制台进行调试。

Aptana Studio

使用业界领先的Web应用程序IDE快速轻松地构建Web应用程序。 Aptana Studio利用Eclipse的灵活性, 并将其集中到功能强大的Web开发引擎中。

Aptana Studio 3扩展了Aptana Studio 2的核心功能, 可通过PHP和Ruby on Rails Web开发来构建, 编辑, 预览和调试HTML, CSS和JavaScript网站。

如果由于错误消息” _jsnode_windows.msi CRC错误”而在Windows安装过程中遇到问题, 请在此处使用适用于魅力的解决方案。

CodeLobster

CodeLobster PHP Edition是一个免费的(需要30天后在官方网站上免费注册)便携式, 易于使用的Windows代码编辑器, 主要用于快速, 轻松地创建和编辑PHP, HTML, CSS, JavaScript。文件。 IT为Drupal CMS, Joomla CMS, Smarty模板引擎, Twig, JQuery库, CodeIgniter框架, CakePHP框架, Laravel框架, Phalcon框架, Symfony框架和WordPress博客平台提供了广泛的支持。

CodeLobster PHP Edition简化并简化了PHP开发过程。你无需记住函数, 参数, 标记或它们的属性的名称, 因为所有这些功能都是通过PHP, HTML, JavaScript甚至CSS的自动完成功能为你实现的。

该IDE的关键功能使其可可靠地用于Web开发：

• PHP, HTML, JavaScript, CSS代码突出显示。
• HTML自动完成。
• CSS自动完成。
• JavaScript高级自动完成功能。
• PHP高级自动完成。
• PHP调试器。
• 搜索和使用PHP, MySQL, HTML的上下文和动态帮助。

CodeLobster PHP Edition附带了许多工具, 包括一个内部免费的PHP Debugger, 使你可以在本地验证代码。它会自动检测你当前的服务器设置并配置相应的文件, 以便你使用调试器。 CodeLobster PHP Edition还包括一些工具, 例如动态帮助, 高级自动完成功能, HTML检查器(类似于FireBug), 用于舒适地使用混合代码的”类视图”窗口。它还支持Drupal自动安装, 自动完成Drupal的挂钩, Drupal功能主题完成列表的工具提示, Drupal API的帮助。

如果你知道另一个很棒的免费(或付费)的Web开发IDE, 请在下面的评论框中与社区分享。玩得开心 ！