VSCode 添加代码块

VSCode 同时被 2 个专栏收录
1 篇文章 0 订阅
22 篇文章 0 订阅

 

目录

1.打开VSCode设置

2.选择代码块文件或者创建代码块

3.选择需要设置的文件类型

 4.具体使用


在iOS开发中,我们经常使用Xcode里面的代码块,来提高开发效率。把平时经常使用到的方法,或者是代码比较多的方法,弄个代码块,就不需要一个一个字符去敲了,非常方便。

那么在使用VSCode的时候,我们也想和使用Xcode一样,设置代码块,方便平时开发调用,该如何去设置呢???请耐心往下看👇

1.打开VSCode设置

找到设置里面的“User Snippets”(用户代码片段)

2.选择代码块文件或者创建代码块

 这里列出了比较常用的文件类型,HTMLJavaScriptVue等后缀的文件,我们选择其中的一个文件类型的.json文件进去设置就可以了

3.选择需要设置的文件类型

 进入需要设置文件里面去设置Json

 

 

  1. prefix :这个参数是使用代码段的快捷入口,比如这里的log在使用时输入Iog会有智能提示。
  2.  body :这个是代码段的主体.需要设置的代码放在这里,字符串间换行的话使用\r\n换行符隔开.注意如果值里包含特殊字符需要进行转义。多行语句的以逗号,隔开
  3. $1 :这个为光标的所在位置
  4. $2 :使用这个参数后会光标的下一位置将会另起一行,按tab键可进行快速切换,还可以有$3,$4,$5.....
  5. description :代码段描述,在使用时智能提示时的描述

我上面已经写了两个例子了,第一个是JavaScript,第二个是CSS 的样式Style

 4.具体使用

我们使用的时候,就是在你设置后缀类型的文件中去使用就可以了,如图,我输入js两个字符,就自动提示出来了我设置的代码块,一回车就自动填充了设置好的代码块,如下图

 

哈哈😁是不是很简单啊!毫无难度,步骤少,设置简单,赶紧自己动手去试试吧!😁

 

 

 

 

  • 1
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值