webstorm,idea,goland ：格式化代码的快捷键【全网详细】；webstorm,idea,goland ：常用的快捷键【全网详细】

Myth丶恋晨 2023-09-25 15:51 143阅读 0赞

#### 文章目录 ####

*  1. 文章引言
 *  2. 格式化代码
 *  3. 解决快捷键冲突的问题
 *  4. 其他常用的快捷键

## 1. 文章引言 ##

我们使用`webstorm`开发前端时，常遇到代码混乱的情况，如下所示：

1.  代码没有缩进
2.  上下代码不换行
3.  标签符号没有空格
4.  …

![在这里插入图片描述][c8c10a05f2e042d1a6be638059e068cf.png]

经过我们格式化后的代码，感觉整洁美观多了，如下图所示：

![在这里插入图片描述][ddfc1ff861204ca2b6cbe54f0bb76e8c.png]

如果你是`java`开发，一般会使用到`idea`。`idea`也会出现代码混乱的情况，如下图所示：

![在这里插入图片描述][7274c8b126154f5a9eede100abd5b4d9.png]

如果我们格式化上述`java`代码，其整体就变得美观起来，如下图所示：

![在这里插入图片描述][603e9b9b875541a08e8f3eda59a9ae0a.png]

当然，使用`goland`开发`go`项目，也会遇到代码混乱的情况，这里就不做展示了。

**不论是`webstorm`也好，还是`idea`也罢，又或`Goland`也行，其都属于`jetbrains`家族的软件。格式化其代码，都可使用同样的方式。**

接下来，我便详细分析。

## 2. 格式化代码 ##

我们可使用快捷键的方法格式化代码，如下所示：

*  `linux`下的快捷键：`Ctrl+Shift+L`
 *  `windows`下的快捷键：`Ctrl + Alt + L`
 *  `mac`下的快捷键： `Option+Command+L`

以上快捷键适用于`jetbrain`家族下所有软件，包括但不限于`webstorm,idea,goland` 软件。

## 3. 解决快捷键冲突的问题 ##

如果你的快捷键发生了冲突，可以采用如下方式解决

*  使用`Ctrl + Alt + S`快捷键，打开设置（`Settings`）面板；
 *  在设置（`Settings`）面板的左侧输入`keymap`字符；
 *  点击`keymap`列表，在右侧输入框输入`format`字符；
 *  找到`Main menu -> Code -> Reformat Code`，如下图所示：

![在这里插入图片描述][decb7dc849094c31a4e603a16c4725a7.png]

*  双击`Reformat Code`这行的蓝色区域，选择`Remove Ctrl+Alt+L`，如下图所示：

![在这里插入图片描述][70a373b152d3437a8bcda3bd98be547b.png]  
![在这里插入图片描述][1e6d22e16ec241c6a244cce76f2f414e.png]

*  再次双击`Reformat Code`这行的蓝色区域，选择`Add Keyboard Shortcut`。

![在这里插入图片描述][cc252430f75d48b4bdbc1dc11e5bd888.png]

*  按着键盘不松手，输入你想要的快捷键，点击`OK`即可。

比如，我想修改成`Ctrl + Shift + Q`，按住`Ctrl`和`Shift`键盘不松手，直至键入`Q`才松手。

![在这里插入图片描述][d3e3b0b9f6a8495f90c67881a5eeb01b.png]

![在这里插入图片描述][1e18115787ac4e90a1aeabd820faad8b.png]

如果你的`Ctrl + Alt + S`快捷键发生了冲突，即无法打开设置（`Settings`）面板，依次点击`File -> Settings`，也可以打开设置（`Settings`）面板，如下图所示：

![在这里插入图片描述][e671b49d00704401948c7283159507d6.png]

如果你是`Mac OS`，即苹果电脑，可以打开`Perferences -> Editor`，如下图所示：

![在这里插入图片描述][b52d3862e93045e8b23b14221f1ce60a.png]

如果你不想修改`idea，webstorm，Goland`等快捷键，可以找到和此快捷键冲突的软件，禁用此软件的快捷键即可。

## 4. 其他常用的快捷键 ##

1.  查找/代替的快捷键
    
     *  `ctrl+shift+N` 通过文件名快速查找工程内的文件（必记）、
     *  `ctrl+shift+alt+N` 通过一个字符快速查找位置（必记）
     *  `ctrl+F` 在文件内快速查找代码
     *  `F3` 查找下一个
     *  `shift+F3` 查找上一个
     *  `ctrl+R` 文件内代码替换
     *  `ctrl+shift+R` 指定目录内代码批量替换
     *  `ctrl+shift+F` 指定目录内代码批量查找
     *  `ctrl+R` 文件内代码替换
2.  界面操作的 快捷键
    
     *  `ctrl+shift+A` 快速查找并使用编辑器所有功能（必记）
     *  `alt+[0-9]` 快速拆合功能界面模块
     *  `ctrl+shift+F12` 最大区域显示代码（会隐藏其他的功能界面模块）
     *  `alt+shift+F` 将当前文件加入收藏夹
     *  `ctrl+alt+s` 打开配置窗口
     *  `ctrl+tab` 切换代码选项卡（还要进行此选择，效率差些）
     *  `alt+ < 或 >` 切换代码选项卡
     *  `ctrl+F4` 关闭当前代码选项卡
3.  代码编辑的快捷键
    
     *  `ctrl+D` 复制当前行
     *  `ctrl+W` 选中单词
     *  `ctrl+ < 或 >` 以单词作为边界跳光标位置
     *  `alt+Insert` 新建一个文件或其他
     *  `ctrl+alt+L` 格式化代码
     *  `shift+tab/tab` 减少/扩大缩进（可以在代码中减少行缩进）
     *  `ctrl+Y` 删除一行
     *  `shift+enter` 重新开始一行（无论光标在哪个位置）
4.  导航的快捷键
    
     *  `esc` 进入代码编辑区域
     *  `alt+F1` 查找代码在其他界面模块的位置，颇为有用
     *  `ctrl+G` 到指定行的代码
     *  `ctrl+]/[` 光标到代码块的前面或后面
     *  `alt+up/down` 上一个/下一个方法
5.  建议配置版本控制 快捷键
    
     *  `ctrl+C` 提交代码
     *  `ctrl+p` 向远程版本库推送更新
     *  `ctrl+G` 到指定行的代码
     *  `ctrl+]/[` 光标到代码块的前面或后面
     *  `alt+up/down` 上一个/下一个方法

[c8c10a05f2e042d1a6be638059e068cf.png]: https://img-blog.csdnimg.cn/c8c10a05f2e042d1a6be638059e068cf.png
[ddfc1ff861204ca2b6cbe54f0bb76e8c.png]: https://img-blog.csdnimg.cn/ddfc1ff861204ca2b6cbe54f0bb76e8c.png
[7274c8b126154f5a9eede100abd5b4d9.png]: https://img-blog.csdnimg.cn/7274c8b126154f5a9eede100abd5b4d9.png
[603e9b9b875541a08e8f3eda59a9ae0a.png]: https://img-blog.csdnimg.cn/603e9b9b875541a08e8f3eda59a9ae0a.png
[decb7dc849094c31a4e603a16c4725a7.png]: https://img-blog.csdnimg.cn/decb7dc849094c31a4e603a16c4725a7.png
[70a373b152d3437a8bcda3bd98be547b.png]: https://img-blog.csdnimg.cn/70a373b152d3437a8bcda3bd98be547b.png
[1e6d22e16ec241c6a244cce76f2f414e.png]: https://img-blog.csdnimg.cn/1e6d22e16ec241c6a244cce76f2f414e.png
[cc252430f75d48b4bdbc1dc11e5bd888.png]: https://img-blog.csdnimg.cn/cc252430f75d48b4bdbc1dc11e5bd888.png
[d3e3b0b9f6a8495f90c67881a5eeb01b.png]: https://img-blog.csdnimg.cn/d3e3b0b9f6a8495f90c67881a5eeb01b.png
[1e18115787ac4e90a1aeabd820faad8b.png]: https://img-blog.csdnimg.cn/1e18115787ac4e90a1aeabd820faad8b.png
[e671b49d00704401948c7283159507d6.png]: https://img-blog.csdnimg.cn/e671b49d00704401948c7283159507d6.png
[b52d3862e93045e8b23b14221f1ce60a.png]: https://img-blog.csdnimg.cn/b52d3862e93045e8b23b14221f1ce60a.png