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

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

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

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

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

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

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

目前,已经在Github上标星30.7K6.6K个Fork(Github地址:https://github.com/adobe/brackets)

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

开源的IDE?还真是头一次见!Github标星30.7K!值得拥有!相关推荐

  1. 卧槽!GitHub标星7.9K star,抢茅台酒脚本竟然开源了!网友:已抢到,真香!

    点击上方"Github爱好者社区",选择星标 回复"资料",获取小编整理的一份资料 作者:GG哥 来源:GitHub爱好者社区(github_shequ) 这是 ...

  2. GitHub标星1.6K,大佬开源的抖音项目,刷屏全网!

    点击上方"Github爱好者社区",选择星标 回复"资料",获取小编整理的一份资料 作者:GG哥 来源:GitHub爱好者社区(github_shequ) 这是 ...

  3. Github | 标星20k+ Facebook 开源高效词表征学习库fastText

    点上方蓝字计算机视觉联盟获取更多干货 在右上方 ··· 设为星标 ★,与你不见不散 编辑:Sophia 计算机视觉联盟  报道  | 公众号 CVLianMeng 转载于 :https://githu ...

  4. GitHub 标星 167k!你要的优质书籍这都有,还开源!

    马克西姆·高尔基曾说过,"书籍是人类进步的阶梯."不服不行,这句话放在任何时候都是成立的. 以前,书籍少,人们获取知识的途径少,那基本上只要有书读的,都能在短时间内领先于其他人. ...

  5. 在线可玩 | 给AI一张高清照片,分分钟还你细节满满的3D人体模型,GitHub标星3.6k...

    本文经AI新媒体量子位(公众号 ID: QbitAI)授权转载,转载请联系出处 本文长度为800字,建议阅读5分钟 网友们都玩出花儿了. 手动对人体进行3D建模并非易事. 但现在,只给AI一张高清照片 ...

  6. 给AI一张高清照片,分分钟还你细节满满的3D人体模型,GitHub标星3.6k | 在线可玩...

    点击上方,选择星标或置顶,不定期资源大放送! 阅读大概需要15分钟 Follow小博主,每天更新前沿干货 手动对人体进行3D建模并非易事. 但现在,只给AI一张高清照片,它还真就能分分钟搞定这件事. ...

  7. 【CV】给AI一张高清照片,分分钟还你细节满满的3D人体模型,GitHub标星4.4k | 在线可玩...

    继上次分享的中科院博士用一张"静态图"就能实现人脸3D建模新研究,又一重要力作. 手动对人体进行3D建模并非易事. 但现在,只给AI一张高清照片,它还真就能分分钟搞定这件事. 甚至 ...

  8. Github标星1.6W+,程序员不得不知的“潜规则”又火了,早知道就不会秃头了

    大家好,我是你们的 前端章鱼猫,一个不喜欢前端.又不喜欢吃鱼的超级猫 ~ 当程序员谈论开发设计时,常常会聊到非常多的定律,而 GitHub 上的一个名为「hacker-laws」的仓库收录了一些最常见 ...

  9. GitHub标星3.6k | 给AI一张高清照片,分分钟还你3D人体模型

    点上方蓝字计算机视觉联盟获取更多干货 在右上方 ··· 设为星标 ★,与你不见不散 仅作学术分享,不代表本公众号立场,侵权联系删除 转载于:量子位 AI博士笔记系列推荐 周志华<机器学习> ...

  10. GitHub 标星 21.2 K:高颜值 Markdown 编辑器开源了!

    Markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. Markdown 在文字爱好者和码农们那里非常受欢迎,今天和大家推荐另一款高颜值 ...

最新文章

  1. 自然语言模型算法太杂乱?国产统一 AI 开源框架来了
  2. linux修改文件所属用户和组
  3. 【微信小程序企业级开发教程】界面刷新获取新更新数据
  4. .classpath 和.project文件含义
  5. 使用Spark/Java读取已开启Kerberos认证的HBase
  6. js中注册标识符流程
  7. datavideo切换台说明书_巴掌大三轴稳定器,稳过微云台,试试飞宇VLOGPocket2
  8. spring笔记4-事务管理
  9. 自动特征工程在推荐系统中的研究
  10. PDE14 heat equation intuition
  11. 嵌入式程序员是难得的全栈型程序员
  12. java对list里面按照分数排名_近3年全国高校高考录取分数线排名,600分以上高校55所...
  13. win10专业版开机画面模糊_教你Win10系统电脑显示器显示模糊不清晰如何解决
  14. Docker端口映射后外部无法访问现象排查
  15. 钳位二极管的工作原理
  16. RS码FEC机制的实现方法(基于Luigi Rizzo的代码)
  17. 张一鸣:10年面试2000人,我发现混的好的人,全都有同一个特质
  18. 10款PHP开源电子商务系统
  19. 使用python绘制奥运五环
  20. 防抱死制动系统(ABS)-Simulink仿真

热门文章

  1. 【开发工具IDE】eclipse的web项目的tomcat安装部署问题
  2. 【SpringMVC学习02】走进SpringMVC的世界
  3. python greenlet背景介绍与实现机制
  4. hive与mysql的数据分区的异同
  5. TCP/IP 域名系统DNS
  6. NetBeans 6.9 正式版发布!
  7. poj 2309 BST 使用树状数组的lowbit
  8. Lightroom Classic 教程,如何使用 Photoshop 和 Lightroom 优化照片?
  9. 苹果Mac最智能的javascript前端编辑器:WebStorm
  10. TG Pro for mac电脑温度管理工具