Brackets 小技巧 | IDE

在HTML里编辑CSS

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


开启DevTool

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


实时预览

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

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

快捷键 cmd + opt + p


多行编辑

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

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

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

你可能感兴趣的:(brackets)