再谈效率

工欲善其事，必先利其器之正确使用 Live Templates

"工欲善其事，必先利其器" 是一个古老而广为流传的谚语，意思是为了做好一项工作，首先需要有适合的工具和技术。

• 工具方面有 GitHub Copilot 可以帮我们解决一些重复的工作，甚至书写好的注释 Copilot 能通过注释关联上下文直接帮我们生成所需要的代码，我们只用做好 double check 就好。
• OCR 可能把产品图片上文字提取出来，避免手打。
• IDE 的快捷键的正确使用也可以大幅减少搜索等的时间。

以上这些使用已经比较熟练了，IDE 的自定义 Live Templates 使用其实不是很多，接下来要详细介绍如何有效的使用它。

• $TM_FILENAME_BASE$: 按文件名生成大驼峰变量名
  example: hello-world.js => HelloWorld
  example: HelloWorld.js => HelloWorld
• $COLUMNS$: 读取剪切板内容，并按空格分割，生成 ProTable 的 columns
  example: id name age =>
  tsx

  Copy Code

  1const columns: ProColumnDetectType<any>[] = [
  2{
  3    title: 'id',
  4    dataIndex: '',
  5},
  6{
  7    title: 'name',
  8    dataIndex: '',
  9},
  10{
  11    title: 'age',
  12    dataIndex: '',
  13},
  14];

• ref: Inserts reference path comment(TypeScript 三斜线指令)
  typescript

  Copy Code

  1///<reference path="$PATH$"/>
  2$END$

例如 arf: Surround with Arrow Function, 需要使用 option + command + j 快捷键来达到 Surround With 的效果。
另外再记录几个快捷键(都是在状态栏的 Code 下):

• option + command + T: Surround With if-else,try-catch...
• command + j: Insert Live Templates