当前位置: 首页 > 科技观察

VSCode小技巧,用起来瞬间提升你的工作效率!

时间:2023-03-13 08:12:50 科技观察

之前给大家介绍了一些VSCode插件;很多朋友私信我安装后,效率提高了很多;今天给大家介绍一个小技巧,巧妙利用“代码片段”。完全无需安装任何插件即可完成此技术。它是如何工作的?首先,我们打开VSCode,在菜单栏中找到:Code>Preferences>ConfigureUserCodeSnippet:在配置之前,我们先创建一个模板文件。这里我们以react-ts为例;然后进入ConfigureUserCodeSnippet,选择自己配置编程语言,我们选择“typescriptreact”。来自“示例”:以下注释是我们的模板将使用的内容。“Printtoconsole”是一个描述性字段,你可以随便写。“prefix”是触发代码段的文本,假设我们配置了一个名为“cmp”的片段,那么输入后回车就会有这个效果。比如我们在写*.tsx文件的时候,会在边上手动敲很多的import。这样就可以在新建文件后立即自动生成文件的框架内容,无需安装任何插件;模板的内容也可以根据自己的习惯进行定制。以上就是我今天分享给大家的小技巧,希望可以应用到工作中。