再谈效率

工欲善其事,必先利其器之正确使用 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
    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];

自带的 Live Templates

  • ref: Inserts reference path comment(TypeScript 三斜线指令)
    typescript
    1///<reference path="$PATH$"/>
    2$END$

$SELECTION$ 变量

例如 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