VS code小技巧,用好了瞬间提升你的工作效率!

网站建设3年前发布
24 0 0

前面给大家介绍了一些VS Code的插件;很多小伙伴私信我说安装完以后,效率提高了不少;今天再给大家介绍一个小技巧,巧妙运用 ”code snippets“。,这个技巧完全不需要安装任何插件就能做到,具体是如何操作呢?,首先,我们打开VS Code 在菜单栏中找到:,Code > 首选项 > 配置用户代码片段:,20230307003315e33a3d100b2becdb8786846533ca5df026bc1f863,在配置之前我们先创建一个模板文件,这里以react-ts为例介绍;,20230307003040092bd176258d715dfec45031ca05cf448ac18e715,然后进入配置用户代码片段,选择自己要配置的编程语言,我们选择”typescriptreact“。,2023030700304137316be79ea052cfe3549858afd2d6672462b3257,从"Example": 以下的注释就是我们模板所要使用的。,“Print to console” 是描述性字段,可以随便写。,“prefix” 触发代码段的文本,假设我们配置了一个叫 “cmp”的snippets,那么输入后按回车就是这个效果。,2023030700304107cd1e789dfff1b81f56800dd7d070d5fcb44c186,比如我们写 *.tsx 文件的时候都会手敲上那面的一大堆 import 之类的,有了这个,新建文件后瞬间就可以把文件的框架内容自动生成出来, 而且不需要装任何插件;,20230307003041e1325511178b6a6505f4508a795284cfec9973748,模板的内容也可以随自己的习惯,随意定制。,以上就是今天为大家分享的小技巧,希望能够应用到工作中。

© 版权声明

相关文章