VSCode⾃定义代码块详解
第⼀步:点击⽂件
第⼀步:点击⽂件-⾸选项-⽤户代码⽚段
第⼆步:选择代码块作⽤域的⽂件类型
类型⼀:全局作⽤域
这种类型的代码块是创建在vscode软件内部的⽂件。是跟随这当前安装的vscode这个软件的,不会随着项⽬的关闭⽽失效,会⼀直存在。
类型⼆:⽂件夹作⽤域
这种类型的代码块是创建在某个⽂件下.vscode这个隐藏⽂件夹中的,这个代码块只适⽤于当前⽂件夹,出了这个⽂件夹就不能使⽤这个代码块了
类型三:特定⽂件类型作⽤域
这种类型的代码块跟全局作⽤域的⽂件路径是⼀致的,都是创建在了vscode中,会⼀直存在。但是这种代
码块只适合于你指定的⽂件类型。⽐如:如果你创建的是JavaScript类型,那这个代码块就不能再vue⽂件中使⽤。
注意三种类型的代码块书写规范都是⼀致的
第三步:代码块的书写
我们选择⼀种类型(我这⾥选择全局作⽤域类型),并且给这个⽂件起⼀个名字,
ps:名字随便起
我们需要在这对⼤括号中书写我们的代码块,这⾥系统给了我们⼀个例⼦Example下⽅就是⼀个例⼦。下⽅是我⾃⼰书写的⼀个代码块
vscode代码规范 所有的代码段都必须写在最外层⼤括号中,每个代码块之间⽤逗号隔开,⼀个代码块就类似⼀个对象。
上⽅代码就是简单写了两个代码块。接下来介绍每个属性的作⽤及⽅法。
scope:作⽤⽂件类型。就是代码块的作⽤⽂件类型,这⾥我们可以指定⽂件类型,多种类型之间⽤逗号隔开,
⽐如如果指定作⽤范围类型"css, javascript" 那么这个代码块只能在这两种类型的⽂件中起作⽤。
如果值为空,或者是不写这个属性,默认所有类型⽂件都⽀持该代码块。
在特定⽂件类型中这个值是不起作⽤的,写了会报错,因为这种类型已经本⾝已经限制了⽂件类型
prefix:触发代码块的字符串。写代码的时候我们只需敲出这个字符串就会触发我们的代码块。
body:代码块的主体内容。我们需要把我们的代码书写在这个属性中。仔细观察我们可以看出,代码块主体就是字符串的数组。
description:代码块的简单介绍,我们可以介绍⼀下这段代码块是⼲什么⽤的
代码主体的书写规范:
每个字符串元素就代表⼀⾏,⾏与⾏之间⽤ , 隔开表⽰换⾏。或者使⽤\n换⾏
⾏内不能使⽤tab键缩进,只能使⽤空格或者\t缩进
\$1使⽤代码块敲击回车或者tab键后光标定位的位置。 $2 $3 $4...表⽰我们按下tab光标依次出现的位置
第四步:代码块的使⽤
使⽤代码块的⽅式⾮常简单,我们只需在想要书写的位置敲出触发我们代码块的关键字就⾏ 全局作⽤域的代码块:
努⼒不⼀定会成功,但⼀定会有收获
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论