一、WebStorm格式化代码Style和Script标签没有缩进问题+必记住的快捷键

WebStorm 确实是一款功能强大的开发工具,但在代码格式化时, ScriptStyle 标签内的内容总是顶格显示,这让有强迫症的开发者感到不适。不过,最近偶然发现了一个设置选项,彻底解决了这个问题。

在这里插入图片描述

这个选项的作用是让子内容在顶层标签下自动缩进,默认情况下仅包含 template 标签,只需用英文逗号分隔,将 ScriptStyle 标签添加进去即可实现理想的缩进效果。

补充: Ctrl+Alt+L 格式化代码

二、调整4个字符缩进为2个字符

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

调整后,重新使用 Ctrl+Alt+L 来格式化

三、WebStorm必记住的快捷键

  1. 查找/代替的快捷键

    • Ctrl+Shift+F 指定目录内代码批量查找(必记)

    • Ctrl+Shift+N 通过文件名快速查找工程内的文件(必记)

    • Ctrl+Shift+Alt+N 通过一个字符快速查找位置(必记)

    • Ctrl+F 在文件内快速查找代码

    • Ctrl+R 文件内代码替换

    • Ctrl+H 文件内代码替换

    在这里插入图片描述

    • Ctrl+Shift+R 指定目录内代码批量替换
    • F3 查找下一个
    • Shift+F3 查找上一个
  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 关闭标签 Close Tab(自定义快捷键)
      在这里插入图片描述

    • 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 上一个/下一个方法

更多推荐