VS code小技巧,用好了瞬间提升你的工作效率!
2023-04-18 15:47:37 时间
前面给大家介绍了一些VS Code的插件;很多小伙伴私信我说安装完以后,效率提高了不少;今天再给大家介绍一个小技巧,巧妙运用 ”code snippets“。
这个技巧完全不需要安装任何插件就能做到,具体是如何操作呢?
首先,我们打开VS Code 在菜单栏中找到:
Code > 首选项 > 配置用户代码片段:
在配置之前我们先创建一个模板文件,这里以react-ts为例介绍;
然后进入配置用户代码片段,选择自己要配置的编程语言,我们选择”typescriptreact“。
从"Example": 以下的注释就是我们模板所要使用的。
“Print to console” 是描述性字段,可以随便写。
“prefix” 是触发代码段的文本,假设我们配置了一个叫 “cmp”的snippets,那么输入后按回车就是这个效果。
比如我们写 *.tsx 文件的时候都会手敲上那面的一大堆 import 之类的,有了这个,新建文件后瞬间就可以把文件的框架内容自动生成出来, 而且不需要装任何插件;
模板的内容也可以随自己的习惯,随意定制。
以上就是今天为大家分享的小技巧,希望能够应用到工作中。
相关文章
- 爬虫简单了解
- Kubernetes(k8s)集群安装JupyterHub以及Lab
- 谈谈Nancy中让人又爱又恨的Diagnostics【上篇】
- CentOS 7.x 防火墙开放端口相关用法记录
- 爬虫-01-基础入门-字符串基础知识-节符串与字节转换
- react源码解析6.legacy模式和concurrent模式
- 自动化测试常见问题总结!(适合新手团队)
- 干货预告丨2021 腾讯云中小企业数字化增长峰会,4大亮点抢先看!
- 浅析Content Negotation在Nancy的实现和使用
- Nancy简单实战之NancyMusicStore(六):写在最后
- C++ Trick:什么时候需要前置声明?
- Nancy简单实战之NancyMusicStore(五):部署上线
- Neuron:大脑半球特异化对人类认知有何贡献?
- 【100个 Unity小知识点】 | Unity中的 eulerAngles、localEulerAngles细节剖析
- Glib之主事件循环
- CommonAPI C++(fdepl)介绍
- 三维智慧仓储与物流园区一体化管控系统
- 用Middleware给ASP.NET Core Web API添加自己的授权验证
- nio学习之Selector选择器
- NIO--FileLock,Path,Files,AsynchronousFileChannel,Charset