Github标星31K+!这一款强大开源的 IDE 我粉了!

杰哥的IT之旅

共 1096字,需浏览 3分钟

 ·

2020-03-18 23:24



c6e64f2f091da05c14c1959ab183ebd8.webp

来自:开源最前线(ID:OpenSourceTop)
整理:猿妹

一般我们常见的网页编辑器都有着相当复杂的操作介面,以及很多用得到甚至是用不到的功能,很多人会选择纯文字代码编辑器来进行网页开发,例如Sublime Text ,但一般的代码编辑器并没有针对网页开发提供相对应的功能,以致于要预览或修改时相当耗费时间。

今天,猿妹就和大家分享一个既好用又免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)——Brackets

e260865c045d1873a1e032e73ac6f1e6.webp

Brackets由Adobe 以HTML、CSS、Javascript等程式语言开发,主要用于网页设计,是一个跨平台的编辑器,支援Mac、Windows 及Linux 等作业系统。

c79731e01d141165e82c6f5c170f6404.webp

Brackets专注于网页开发相关用途,主要有一个程式码高亮界面,能够快速编辑 (Quick Edit),如果在编辑HTML、CSS或Javascript遇到相关属性,会自动跳出选项,直接选择就能减少输入的时间,也能减少输入错误而造成的问题。

db177eb17b58002adfd86b428ee60941.webp

如果颜色属性则会跳出选色器,方便你加入色彩的Hex 值或RGB值。

另外,Brackets内置的即时预览 (Live Preview)功能,当你在编写网页时,便能够配合浏览器进行即时的更新,修改网页程式码后,会同步显示于浏览器里,如果配合双屏幕使用,那在开发网页上就更加得心应手。

eacb16f9b4820d42f3bad24074d0bb7d.webp

Brackets还有插件扩充功能。不过目前可以选择的扩充功能还不像Sublime Text 编辑器这么多、这么完整。

4bf497407652a077a0ff8899104ac16a.webp

目前,已经在Github上标星31.1K6.6K个Fork

Github地址:https://github.com/adobe/brackets

如果你平常会很需要使用到网页编辑器,或者本身的工作就是与网页设计相关,Brackets 或许是个不错的开发工具,感兴趣的小伙伴们可以下载尝试一下。

e43c0fbbc52301df279928a7426b28bf.webp

··················END··················

你好,我是JackTian!一名奋斗在一线城市的运维工程师。

我.爱生活,我.爱旅游,我.喜欢交朋友,我.希望通过公众号记录我的一些经历,同时分享关于 IT 技术的一切!

关注后回复“w”加我私人微信


推荐阅读


一款常用的 Squid 日志分析工具
手把手教你在Linux环境下搭建Nginx服务
为什么要学习 Markdown?究竟有什么用?
万字长文带你了解最常用的开源 Squid 代理服务器
GitHub 标星 2.5K+!教你通过玩游戏的方式学习 VIM!
GitHub 标星 8K+!一款开源替代 ls 的工具你值得拥有!


好文和朋友一起看~
浏览 25
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报