
400
Brackets
Brackets是基于Web技术(例如HTML,CSS和JavaScript)构建的用于Web设计和开发的开源编辑器。
Brackets是基于Web技术(例如HTML,CSS和JavaScript)构建的用于Web设计和开发的开源编辑器。该项目由Adobe创建并维护,并根据MIT许可证发布。Brackets是一款现代化的文本编辑器,具有集中的可视化工具和预处理器支持,可轻松在浏览器中进行设计。它是专为网页设计师和前端开发人员设计的。Brackets是一款轻巧但功能强大的现代文本编辑器。我们将可视化工具混合到编辑器中,以便您在需要时获得适量的帮助,而不会妨碍您的创作过程。您将喜欢在方括号中编写代码。用爱(和JavaScript)制作的Brackets是一个开源项目,得到了一个活跃而热情的社区的支持。它是由像您一样的其他Web开发人员制作的!内联编辑器不用在文件选项卡之间跳转,而是通过括号可以打开一个窗口,进入您最关心的代码。是否想使用适用于特定ID的CSS?将鼠标光标放在该ID上,按Command / Ctrl + E,括号将在嵌入式窗口中向您显示具有该ID的所有CSS选择器,因此您可以并排处理代码而不会出现任何弹出窗口。实时预览获取与浏览器的实时连接。对CSS和HTML进行更改,您将立即在屏幕上看到这些更改。还可以通过简单地将光标放在浏览器上来查看CSS选择器在浏览器中的应用位置。借助浏览器内开发工具的便利,它是代码编辑器的强大功能。预处理程序支持以全新的方式使用预处理程序。我们知道预处理器对您的工作流程有多么重要。这就是为什么我们希望让Brackets成为最适合预处理器的代码编辑器。使用括号,您可以对LESS和SCSS文件使用快速编辑和实时突出显示,这将使它们的使用比以往更加容易。
Mac版Brackets的替代品

34

34

33

22

17
TweakStyle
TweakStyle是用于Web开发的集成开发环境。与大多数IDE不同,TweakStyle是为前端开发量身定制的,并且了解Web设计。

16

13

13

12
Chrome Dev Editor
Chrome Dev Editor是一个开发人员工具,可用于在Chrome平台上构建应用程序-使用JavaScript或Dart的Chrome Apps和Web Apps。

11

9

8

8