Brackets 小技巧 | IDE

在HTML里编辑CSS

在HTML文件里,鼠标放到一个要编辑样式的标签上,快捷键CTL + E,就可以编辑样式。
同样,也可以通过双击HTML元素编辑。

clipboard.png


开启DevTool

cmd + opt + I 即可打开自带的开发者工具


实时预览

Brackets支持两种预览方式,均是基于chrome浏览器提供的开发者调试功能,所以只支持chrome实时浏览,一使用内置的静态服务器,二使用服务器(通常是本地)

  • 内置静态服务器:支持css/html修改,以及less/sess
  • 远程服务器:通常是本地,需要设置File -> project setting指定当前页面的url

快捷键 cmd + opt + p


多行编辑

可以一次修改的多处代码,Esc键取消多行编辑

  • 连续选择:opt + 鼠标拖动

clipboard.png

  • 断续选择:cmd + 鼠标点击

clipboard.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值