VScode小技巧，用好了瞬间提升你的工作效率！

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

创新互联是一家集网站建设,琼海企业网站建设,琼海品牌网站建设,网站定制,琼海网站建设报价,网络营销,网络优化,琼海网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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

首先，我们打开VS Code 在菜单栏中找到：

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

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

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

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

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

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

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

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

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

网页题目：VScode小技巧，用好了瞬间提升你的工作效率！
文章源于：http://www.gawzjz.com/qtweb/news5/203405.html

成都网站建设公司_创新互联，为您提供企业建站、电子商务、网页设计公司、App设计、动态网站、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联