webstorm奇技淫巧--宏命令

488 阅读2分钟

「这是我参与2022首次更文挑战的第1天,活动详情查看:2022首次更文挑战」。

作为前端开发者,最趁手的搬砖工具无外乎 Webstorm 和 VSCode。两者各有所长,而本文用来介绍webstorm中的一个功能 - macros(宏命令)

笔者在日常开发中,经常会去ctrl + s保存一下(虽然webstrom可以自动保存,但手动保存一下还是会安心一点),但保存之前,又会想去格式化一下代码(ctrl + alt + l)。

这么一算下来,每次心血来潮的想保存一下,都得按下五次按键,并且在格式化代码时,ctrl + alt + l,还得双手一起来按,严重浪费时间。偶然间看到webstorm的宏命令功能,分享给大家。

核心:利用宏指令,录制格式化代码和保存两个动作,然后进行快捷键分配。

1、Edit > Macros > Start Macros Recording

企业微信截图_16553655555658.png

2、开始录制

如步骤一就点击开始录制后,就会进入如下图所示状态,编辑器右下角会有一个录制状态,这个时候我们就可以进行我们想录制的操作。笔者想想先格式化之后保存,就依次进行这两个操作 (ctrl + alt + l) + (ctrl + s),录制完毕之后点击录制状态结束录制

企业微信截图_16553347.png

3、命名

结束录制后进行命名,点击ok

企业微信截图_16809673.png

4、设置快捷键

录制好命令之后有,就是设置快捷键,我们可以通过刚刚命名的名称直接进行搜索,
也可以按照 Main Menu > Edit > Macros 的路径,找到我们录制的所有命令

企业微信截图_16553664138160.png 接着右击你录制的指令,选择add Keyboard Shortcut,之后按下我们想设置的快捷键,点击应用

快捷键可能会存在冲突,确定冲突的快捷键是之前自己不用的,直接覆盖就好了。如笔者设置的是ctrl + s,而我本身录制的操作就包含了保存,所以直接覆盖。之后每次点击ctrl + s就可以自动先格式化在保存了

企业微信截图_16553666138313.png

结束语:这里只是举了一个简单例子,来给大家介绍宏命令功能。具体的应用场景则需要读者们按照自己实际的需求去进行录制。大家有什么比较优秀的使用场景,欢迎大家在评论区留言。

企业微信截图_16553671717948.png