返回

磨刀不误砍柴工——WebStorm常用配置与快捷键速查表

开发工具

WebStorm 是一款功能强大的代码编辑器,深受广大程序员的喜爱。它拥有丰富的配置选项和快捷键,可以帮助程序员提高编码效率。本文汇总了 WebStorm 常用配置和快捷键,方便程序员快速查找和使用,让开发工作更加得心应手。

一、常用配置

  1. 代码风格设置

    Preferences > Code Style:分别设置各个类型文件的代码风格。

  2. 缩进设置

    Preferences > Editor > Code Style > Java:设置代码的缩进方式。

  3. Tab 键设置

    Preferences > Editor > General > Smart Keys:设置 Tab 键的行为。

  4. 自动完成设置

    Preferences > Editor > General > Auto-completion:设置自动完成的功能。

  5. 错误检查设置

    Preferences > Editor > Inspections:设置错误检查的规则。

二、常用快捷键

  1. 代码导航

    Ctrl + N:转到下一个文件。

    Ctrl + P:转到上一个文件。

    Ctrl + Shift + N:转到下一个类。

    Ctrl + Shift + P:转到上一个类。

    Ctrl + B:转到指定符号。

    Ctrl + Shift + B:在项目中搜索指定符号。

  2. 代码编辑

    Ctrl + Space:代码自动完成。

    Ctrl + Alt + L:格式化代码。

    Ctrl + Shift + U:转为大写。

    Ctrl + Shift + L:转为小写。

    Ctrl + D:复制当前行。

    Ctrl + Shift + D:删除当前行。

  3. 调试

    F9:开始调试。

    F10:单步调试。

    F11:进入函数。

    F12:退出函数。

    Shift + F9:重新启动调试。

  4. 其他

    Ctrl + S:保存文件。

    Ctrl + Shift + S:另存为。

    Ctrl + Q:退出 WebStorm。

三、小技巧

  1. 快速输入标签

    Tab 键使用小妙招 👆我们讲到了代码标签输入完成后,按 Tab,生成代码。👇就分享一些实用的快速输入标签的方法,首先介绍几个符号的含义

    • <:开始标签

    • >:结束标签

    • =:属性

    • ":值

    例如,要快速输入一个 html 标签,可以输入 <html>,然后按 Tab 键,就会自动生成 </html>

  2. 快速查找和替换

    Ctrl + F:查找。

    Ctrl + H:替换。

  3. 快速注释代码

    Ctrl + /:注释当前行。

    Ctrl + Shift + /:注释选中的代码。

  4. 快速生成代码

    Ctrl + N:生成构造函数。

    Ctrl + Shift + N:生成方法。

    Ctrl + Alt + N:生成类。

  5. 快速重构代码

    Ctrl + R:重命名。

    Ctrl + Shift + R:移动。

    Ctrl + Alt + R:复制。

  6. 快速查看文档

    F1:查看当前符号的文档。

    Ctrl + Q:查看当前文件的文档。

WebStorm 的配置和快捷键非常丰富,本文仅介绍了其中一部分。程序员可以根据自己的喜好和需求进行设置和使用,让 WebStorm 成为自己得心应手的开发工具。