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

开发 前端
前面给大家介绍了一些VS Code的插件;很多小伙伴私信我说安装完以后,效率提高了不少;今天再给大家介绍一个小技巧,巧妙运用 ”code snippets“。

前面给大家介绍了一些VS Code的插件;很多小伙伴私信我说安装完以后,效率提高了不少;今天再给大家介绍一个小技巧,巧妙运用 ”code snippets“。

这个技巧完全不需要安装任何插件就能做到,具体是如何操作呢?

首先,我们打开VS Code 在菜单栏中找到:

Code > 首选项 > 配置用户代码片段:

在配置之前我们先创建一个模板文件,这里以react-ts为例介绍;

然后进入配置用户代码片段,选择自己要配置的编程语言,我们选择”typescriptreact“。

从"Example": 以下的注释就是我们模板所要使用的。

“Print to console” 是描述性字段,可以随便写。

“prefix” 触发代码段的文本,假设我们配置了一个叫 “cmp”的snippets,那么输入后按回车就是这个效果。

比如我们写 *.tsx 文件的时候都会手敲上那面的一大堆 import 之类的,有了这个,新建文件后瞬间就可以把文件的框架内容自动生成出来, 而且不需要装任何插件;

模板的内容也可以随自己的习惯,随意定制。

以上就是今天为大家分享的小技巧,希望能够应用到工作中。

责任编辑:华轩 来源: 今日头条
相关推荐

2023-10-13 12:56:23

工作效率VS Code技巧

2022-04-29 08:15:40

Python技巧Max

2022-02-28 10:02:54

Linux技巧命令

2020-07-28 09:30:12

开发技能代码

2017-03-07 14:26:19

Eclipse技巧效率

2024-01-03 18:01:48

Code技巧开发

2023-12-28 08:01:59

2020-05-29 11:27:27

VS Code远程工具

2020-12-16 08:33:57

JS函数效率

2023-05-16 06:50:50

prompt邮件语法

2023-08-01 08:01:27

工具安全漏洞

2021-12-10 08:39:50

SQLPLUS Oracle 数据库

2021-07-16 23:32:28

工具职场软件

2021-04-19 17:12:53

网站工具

2020-08-17 17:21:30

备份数据数据库

2024-08-22 14:30:32

前端开发VS Code

2021-06-25 10:20:07

Linux技巧命令

2024-09-26 06:21:59

Python代码

2024-09-30 11:36:15

2014-03-14 10:13:33

程序员效率
点赞
收藏

51CTO技术栈公众号