WebStorm 快捷键
代码编辑
| 功能说明 | Windows | OS |
|---|---|---|
| 复制并粘贴当前行 | Ctrl + D | Command + D |
| 删除一行 | Ctrl + Y/X | Command + Y/X |
| 选中单词 | Ctrl + W | Command + W |
| 以单词作为边界跳光标位置 | Ctrl + ←/→ | option(Alt) + ←/→ |
| 新建一个文件或其他 | Alt + insert | Ctrl + option(Alt) + N |
| 格式化代码 | Ctrl + Alt + L | Command + option(Alt) + L |
| 减少/扩大缩进(可以在代码中减少行缩进) | shift + tab / tab | shift + tab / tab |
| 重新开始一行(无论光标在哪个位置) | shift + enter | shift + enter |
| 上/下移动光标所在行 | Alt + up/down | Alt + shift + ↑/↓ |
| 上/下移选中的代码 | Ctrl + shift + ↑/↓ | Command + shift + ↑/↓ |
| 合并某一个标签 | Ctrl + - | Command + - |
| 展开某一个标签 | Ctrl + + | Command + + |
| 合并选中的所有标签 | Ctrl + shift + - | Command + shift + - |
| 展开选中的所有标签 | Ctrl + shift + + | Command + shift + - |
| 通过文件名快速查找工程内的文件 | Ctrl + shift + N | Command + shift + N |
| 通过一个字符快速查找定位 | Ctrl+ shift + alt + N | Command+ shift + alt + N |
| 在文件内快速查找代码 | Ctrl + F | Command + F |
| 查找下一个 | F3 | ↓(方向键下) |
| 查找上一个 | shift + F3 | ↑(方向键上) |
| 文件内代码替换 | Ctrl + R | Command + R |
| 指定目录内代码批量替换 | Ctrl + shift + R | Ctrl + shift + R |
| 指定目录内代码批量查找 | Ctrl + shift + F | Ctrl + shift + F |
界面操作
| 功能说明 | Windows | OS |
|---|---|---|
| 快速查找并使用编辑器所有功能 | Ctrl + shift + A | Command + shift + A |
| 快速拆合功能界面模块 | Alt + [0-9] | Alt + [0-9] |
| 最大区域显示功能模块(会隐藏其他功能模块) | Ctrl + shift + F12 | Command + shift + F12 |
| 将当前文件加入收藏夹 | Alt + shift + F | Alt + shift + F |
| 打开配置窗口 | Ctrl + Alt + S | Alt + shift + S |
| 切换代码选项卡(还要进行此选择,效率差些) | Ctrl + tab | Ctrl + tab |
| 切换代码选项卡 | Alt + ←/→ | |
| 关闭当前代码选项卡 | Ctrl + F4 | Command + F4 |
导航
| 功能说明 | Windows | OS |
|---|---|---|
| 进入代码编辑区域 | ESC | ESC |
| 查找代码在其他界面模块的位置 | Alt + F1 | Alt + F1 |
| 到指定行的代码 | Ctrl + G | Ctrl + G |
| 光标到代码的前面或后面 | Ctrl + ]/[ | Command + ]/[ |
代码编辑快捷键
| 属性说明 | 快捷键 + tab(table键) | 全拼 |
|---|---|---|
| 文字样式属性 | fs | font-style: italic; |
| fsn | font-style: normal; | |
| 文字粗细属性 | fw | font-weight:; |
| fwb | font-weight: bold; | |
| fwbr | font-weight: bolder; | |
| 文字大小属性 | fz | font-size:; |
| fz30 | font-size: 30px; | |
| 文字字体属性 | ff | font-family:; |
| 文本装饰属性 | td | text-decoration: none; |
| tdu | text-decoration: underline; | |
| tdl | text-decoration: line-through; | |
| tdo | text-decoration: overline; | |
| 文本水平对齐属性 | ta | text-align: left; |
| tar | text-align: right; | |
| tac | text-align: center; | |
| 文本缩进属性 | ti | text-indent:; |
| ti2e | text-indent: 2em; | |
| css 显示模式 | di | display: inline; |
| db | display: block; | |
| dib | display: inline-block; | |
| ba | background-attachment:; | |
| bg+ | background: #fff url() 0 0 no-repeat; | |
| bgr | background-repeat: | |
| bi | background-image: url(); | |
| bc | background-color: #fff; | |
| bd+ | border: 1px solid #000; | |
| bt+ | border-top: 1px solid #000; | |
| br+ | border-right: 1px solid #000; | |
| bb+ | border-bottom: 1px solid #000; | |
| bl+ | border-left: 1px solid #000; |