您的位置:首页 > 业内资讯 > 像 Sublime Text 一样使用 Chrome DevTools

像 Sublime Text 一样使用 Chrome DevTools

来源:developerWorks | 时间:2016-01-20 10:02:43 | 阅读:68 |  标签: developerWorks   | 分享到:


缩进

我们知道代码缩进的重要性。它让代码可读并且易于理解。为了增加或减小当前行的缩进,可以使用如下快捷键:

增加缩进:Tab

减小缩进:Shift   Tab


快速注释代码

如果你需要注释或取消注释一段代码,和 Sublime Text 中的快捷键一样:

注释:Cmd/Ctrl   /

取消注释:Cmd/Ctrl   / 再次执行

这种方式适用所有语言,单行或多行都可以。


自动完成

在 DevTools 的 Sources 面板中,输入的同时会显示自动完成的提示。如果你忽略他们而想手工调用自动完成,你可以用如下方法:


Ctrl   Space

像 Sublime Text 一样使用 Chrome DevTools

剪切/复制/粘贴/撤销/重做

剪切、复制和粘贴文本的快捷键和其他编辑器的用法一样:

剪切:Cmd   X
复制:Cmd   C
粘贴:Cmd   V
撤销:Cmd   Z
软撤销:Cmd   U
重做:Cmd   Y

增加或减小数值

注:? 和 ? 分别表示上下翻页键。在苹果键盘上,可以用 fn ↑/↓ 组合作为翻页键。

在 Sources 面板中,你可以选择一个数字值,然后用键盘增加或减小这个值。选中这个值,然后:

增加 CSS 1 个单位: Option   ↑
减小 CSS  1 个单位: Option   ↓
增加 CSS 10 个单位: Option   ?
减小 CSS 10 个单位: Option   ?

像 Sublime Text 一样使用 Chrome DevTools

Styles 面板也支持这种快捷键:

增加 1:
减小 1:
增加 10: ? 或?   ↑
减小 10: ? 或?   ↓
增加 100: ?   ?
减小 100: ?   ?
增加 0.1: ?   ↑
减小 0.1: ?   ↓

像 Sublime Text 一样使用 Chrome DevTools

编辑位置前后跳转

DevTools 还可以保留你在 Sources 面板中的光标位置历史。使用 Alt - 和Alt   可以在上一次和下一次编辑位置之间前后跳转:

像 Sublime Text 一样使用 Chrome DevTools


快捷键列表

小编推荐阅读

好特网发布此文仅为传递信息,不代表好特网认同期限观点或证实其描述。

相关视频攻略

更多

扫二维码进入好特网手机版本!

扫二维码进入好特网微信公众号!

本站所有软件,都由网友上传,如有侵犯你的版权,请发邮件admin@haote.com

湘ICP备2022002427号-10 湘公网安备:43070202000427号© 2013~2024 haote.com 好特网