Brackets是由Adobe公司推出的一款免费、开源且跨平台的HTML/CSS/Javascript集成开发环境 (web前端开发工具),目前支持 Windows、Linux 以及 OS X 平台。Brackets非常灵活,其扩展性强非常强,您可以按自已的需求来添加扩展来增强其功能。软件视图面板比较简洁,没太多花哨的功能。
新发布的Brackets 1.0版本包括Extract for Brackets预览版,Extract for Brackets是一个扩展,可以直接导入PSD文件,可自动从PSD(如颜色、字体、坡度和图像等)抽取设计信息,并生成纯净的CSS,非常实用、方便。
Brackets 中文设置方法
1、打开软件,选择“Debug”—"Switch Language"进入语言设置界面
2、将语言更改为“chinese,simplified”简体中文即可
功能介绍
一、项目设置
1、打开Brackets,整个界面很简洁。左侧为项目组织结构的文件树,使用Ctrl+Shift+H可以呼出与关闭文件树。右侧为编辑区,上部为工具栏,中部为文档区域,下部为提示区域
2、在【文件】菜单中,我们可以打开或者新建新的项目,同时需要对项目的Web地址进行设置,其要求是:必须是http://开头的web地址(在之后的预览中需要用到)
二、文件编辑
1、在文件树中点击index.html,主区域则打开index.html的文档
2、软件会自动检测文档是否符合html规范,如出现JS错误,会自动提示,如下图所示则表示在20行有一个style样式块需要放在head节点里。
3、把光标放在一个class或id属性的标签名称上,按下Ctrl + E(快速编辑)。Brackets将搜索项目下所有CSS文件,然后打开一个内嵌的编辑器嵌入在HTML文件中,可以让你迅速修改CSS代码
4、软件还支持对JS对象定义的快速预览/编辑,把光标放在一个js函数名称上,按下“Ctrl + E”即可
5、Brackets内建取色器,提供RGBa、HEX、HSLa的颜色编码形式。把光标放在一个颜色编码上,按下”Ctrl+ E“,退出取色器窗口时需要使用Esc键
三、即时预览
Brackets提供网页即时预览功能。使用该功能时,Brackets调用Chrome浏览器打开当前页面,此后修改html、css、javascript并保存后,所修改的内容会即时响应到浏览器中的页面,无须手动刷新页面。(这是Brackets最大的一个亮点,有两个显示器的coder有福了,可以分屏显示Brackets和chrome,即时修改即时预览,无需切换编辑器/浏览器和刷新页面)。
关于Brackets的部分功能快捷键说明:
Ctrl/Cmd+Shift+H 可以呼出与关闭文件树
Ctrl/Cmd + E 快速预览/编辑 css样式/javascript函数
Ctrl/Cmd + +/- 放大缩小编辑区字体大小
Ctrl/Cmd + 0 重置编辑区字体大小
Ctrl/Cmd + Alt + P 打开即时预览功能
Ctrl/Cmd + / 行注释
Ctrl/Cmd + Alt + / 块注释

扫描访问手机版
3DMark手机版
3DMark苹果版
Futuremark 3Dmark中文版
MSI Afterburner ios版
微星afterburner手机版
微星小飞机中文版
ATTO Disk Benchmark汉化版
鲁大师绿色版
NWinfo(开源硬件信息检测工具)
kepler bios tweaker(显卡性能优化软件)
Fan Control(电脑风扇控制软件)
cpuz安卓版汉化版
siAngel硬件天使
Trae国内版
MobileClaw
阿里悟空ai mac版
Reasonix mac中文版
Reasonix中文版
我要56货主手机版
恋魂爆吧器手机版
流量充值手机版
轻车邦手机客户端
交话费手机版
qq照片墙八组图切割器
58同城 13.44.5 电脑版
扫描全能王 7.10.0.2601130000 电脑版
同花顺-移动电脑版 11.11.03 电脑版
今日头条 15.3.0 电脑版
作业帮 14.28.0 电脑版
唯品会 9.67.1 电脑版
OCCT(电源检测软件)
occt电源测试软件单文件版
鲁大师ipad版
鲁大师电脑版
鲁大师手机版
Argus Monitor中文版
Get笔记app官方版
Get笔记电脑版
秋叶comfyui整合包中文版
ToDesk AI Mac版
ToDesk AI手机版(原名ToClaw)
闪乱神乐系列
霸王的大陆
街头格斗单机
骗术酒馆