zoukankan      html  css  js  c++  java
  • Adobe Brackets 开源、小巧、简洁的代码编辑器

    界面预览

    Brackets是一款为Web设计与开发人员提供的基于HTML、CSS和JavaScript的开源代码编辑器,由Adobe创建与维护,目前支持Windows与Mac平台。

    一、界面预览

    brackets

    初次打开Brackets时就被它简洁的界面所吸引,整个界面由四部分组成,顶部的菜单栏,左边的文件树,右边的编辑区,底部的状态栏。

    二、项目管理

    brackets

    文件树与Adobe Dreamweaver的站点管理功能类似,可以方便对项目文件进行操作,同时直观显示项目结构,可以使用Ctrl/Cmd+Shift+H进行显示或隐藏。

    brackets

    同时Brackets支持给项目设置Web地址,这样就不用默认的文件盘符地址打开,不过前提是必须设置本地服务环境,Brackets的功能就是绑定这个地址进行实时预览。

    三、快速编辑

    brackets

    当将光标移动到HTML文档的标签位置时按钮Ctrl/Cmd+E进行快速编辑时,如果此标签有定义样式则会显示内嵌编辑器,如果有多个文件定义了该样式,内嵌编辑器还提供切换文件进行编辑,并可实时预览更改结果。Brackets同样支持JS对象的快速编辑。

    brackets

    对于CSS文档,将光标定位到颜色编码上,按下Ctrl/Cmd+E,可以调出Brackets的内建颜色编辑器进行快速取色。

    brackets

    提供HTML、CSS代码的联想提示功能。

    四、文档检查

    brackets

    Brackets会对文档存在的规范或错误进行检查,并存发现错误时出现错误信息,方便定位。

    五、实时预览

    实时预览功能算是Brackets的一大亮点,因为目前其它原生代码编辑器如Dreamweaver、Sumlime Text2等还未提供实时预览功能,但Brackets目前也只支持chrome下的实时预览功能。

    Brackets目前功能还比较简单,特色明显,但缺点也显著。

    • 不支持gb2312编码:如果文档编码为gb2312,则会显示乱码;
    • 实时预览功能仅支持chrome
    • 双击选中功能不支持亚洲字符
    由于作者能力有限,文章难免有疏漏之处,敬请大家批评和指正。
    欢迎转载,但请注明出处,不胜感激。联系我
  • 相关阅读:
    Flutter form 的表单 input
    FloatingActionButton 实现类似 闲鱼 App 底部导航凸起按钮
    Flutter 中的常见的按钮组件 以及自 定义按钮组件
    Drawer 侧边栏、以及侧边栏内 容布局
    AppBar 自定义顶部导航按钮 图标、颜色 以及 TabBar 定义顶部 Tab 切换 通过TabController 定义TabBar
    清空路由 路由替换 返回到根路由
    应对ubuntu linux图形界面卡住的方法
    [转] 一块赚零花钱
    [转]在树莓派上搭建LAMP服务
    ssh保持连接
  • 原文地址:https://www.cnblogs.com/milly/p/brackets.html
Copyright © 2011-2022 走看看