第五周：元宵喜乐

• 技术
  • Create react app future development
  • gif-vs-png-jpeg-webp-image-formats-guide
  • vscode v1.75
• 工具
  • react-hotkeys-hook

技术

Create react app future development

gif-vs-png-jpeg-webp-image-formats-guide

vscode v1.75

1. Settings Profile：顾名思义，就是配置的预设综合体叫 profile（包括了 ui、快捷键、settings.json 等），很多个版本过去，这个功能终于放出来了，建议根据不同语言创建不同的 profile，比如 前端、rust、go、python 的，分别对应开启不同的插件，可以大幅节省资源，m2 pro max 可无视。
2. 扩展带来的快捷键可以查看了：右键扩展，可以看这个扩展带来了哪些快捷键，以前是看不了的，很方便。
3. Go to match：cmd +f 搜索后，可能有很多结果，但是你不想一个个点击下一个，而是直接跑到第 n 个，这个时候就可以 cmd + shift + p 用 Go to match 了，留心注意。
4. 终端加强：
   1. cmd + k 清理终端：这个快捷键比 clear 清的更干净，同时清理终端也单独开了按钮放到了终端右上角
   2. ctrl + alt + r：看最近的命令列表
   3. cmd +g：立即 cd 到最近的某个目录，会中断当前进程，有点不好用
5. Eslint flat config：用 eslint.experimental.useFlatConfig 选项开启识别 eslint.config.js 才行。（升级指南详见：8 Eslint 8.23 Flat Config 新配置迁移升级指南_eslint 升级)

来源：咲奈的平行时空

工具

react-hotkeys-hook

添加快捷热键