再谈效率
Published by powerfulyang on Feb 20, 2023
工欲善其事,必先利其器之正确使用 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
=>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 三斜线指令)
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