Visual Studio Code代码片段

1.原文

Place your Vue路由 workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope is left empty or omitted, the snippet gets applied to all languages. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the same ids are connected.
Example:
```j

// "Print to console": {
// 	"scope": "javascript,typescript",
// 	"prefix": "log",
// 	"body": [
// 		"console.log('$1');",
// 		"$2"
// 	],
// 	"description": "Log output to console"
// }

2.网站参考翻译

1
在此处放置 Vue• 工作区代码段。每个代码段都定义在代码段名称下,并且具有作用域、前缀、正文和
朗读 Mp3下载 复制
这里安置您的Vue路由工作区小片。 每个小片被定义以小片名字并且有范围,前缀,身体和
// 描述。 增加逗号语言被分离的身份证,小片是可适用的在范围领域。 如果范围
// 留给空或省去,小片得到应用到所有语言。 前缀是什么是
// 曾经触发小片,并且身体将被扩展并且被插入。 可能的可变物是:
// $1, $2为制表符中止, 0 为 最 后 的 游 标 位 置 和 0为最后的游标位置和 0( 1 :标签), ( 2 : 另 ) 为 占 位 符 。 / / 占 位 符 与 同 样 身 份 证 连 接 。 / / 例 子 : 正 在 翻 译 , 请 等 待 . . . 2 请 将 您 的 V u e 路 由 工 作 空 间 片 段 这 里 。 每 一 个 片 断 是 定 义 的 下 一 个 片 段 的 名 称 , 都 有 一 个 范 围 , 前 缀 、 正 文 和 / / 描 述 。 添 加 以 逗 号 分 隔 的 I D 的 语 言 , 其 中 的 一 个 片 段 是 适 用 的 范 围 字 段 。 如 果 范 围 / / 将 留 空 或 省 略 , 片 段 会 应 用 到 所 有 的 语 言 。 前 缀 是 什 么 / / 用 于 触 发 的 片 段 和 机 构 将 会 扩 大 和 插 入 。 可 能 的 变 量 包 括 : / / 1 美 元 , 2 美 元 的 制 表 位 、 0 美 元 的 最 后 的 光 标 位 置 , 和 ( 2 :另) 为占位符。 // 占位符与同样身份证连接。 // 例子: 正在翻译,请等待... 2 请将您的 Vue路由 工作空间片段这里。 每一个片断是定义的下一个片段的名称,都有一个范围,前缀、正文和 //描述。 添加以逗号分隔的 ID 的语言,其中的一个片段是适用的范围字段。 如果范围 //将留空或省略,片段会应用到所有的语言。 前缀是什么 //用于触发的片段和机构将会扩大和插入。 可能的变量包括: // 1美元 , 2美元 的制表位、 0美元 的最后的光标位置,和 (2)////...2Vue//ID//////120 1 stprticn.bmp} :标签}, ${Full_service_name} Stprticn.bmp} 2 :另一个}的占位符。
//占位符具有相同 ID 的连接。
//示例:
//“打印到控制台”:{
//"范围:\”\“\”, typescript javascript 、
//前缀的\“\”\“\”的日志
//机构\“\”:[
//"控制台. log ( 1 美元\”\”\”、);
// 2 美元\”\”
//],
//“说明”:“日志输出到控制台”
//}
3
把你的Vue路由工作区片段。每个片段都是定义在一个片段的名字和一个范围,前缀,身体和

/ /描述。添加逗号分隔ids的语言片段范围领域的适用。如果范围

/ /空或省略,片段被应用于所有的语言。前缀是什么

/ /用于触发代码片段和身体将扩大和插入。可能的变量:

/ / $ 1、$ 2为制表符设置为0美元最后的光标位置,和${1:标签},{2:另一个}占位符。

/ /占位符连接相同的id。

/ /例如:

/ / \ "打印到控制台\ ":{

scope”/“c”:“javascript,

“/”:“prefix log”,

“/”机构:[

/ / \“console.log(\ \ 1美元);\”,

/ / \ \ “$2”

/ / \ \“描述”:\“日志输出到控制台\”

/ /}

3 自己试着理解整理这段话的意思

我是通过文件–>首选项–>代码片段,找到设置位置的。前面的话还好理解:

在这里放置你 vue路由工作空间的代码片段。每一个代码片段在一个代码片段名下命名拥有一个作用域,激活代码,代码片段内容和描述。
代码片段应用到什么语言的代码区域,这些语言的种类用逗号隔开放到代码片段的作用域设置里。如果作用域是空或是缺省,代码段就应用到所有语言。“prefix”的内容是用来激活代码片段将代码片段主题里的内容扩展插入所简写的。
接下来的几句用英语词典是不能解决的。
转载了别人写的博客:

snippet 由三部分组成:

prefix:前缀,定义了 snippets 从 IntelliSense 中呼出的关键字;
body: 主体,即模板的主体内容,其中每个字符串表示一行;
description:说明,会在 IntelliSense 候选栏中出现。未定义的情况下直接显示对象名,上例中将会显示 Print to console。

其中 body 部分可以使用特殊结构来控制光标和要插入的文本。 支持的功能及其文法如下:
  • Tabstops:制表符

    用「Tabstops」可以让编辑器的指针在 snippet 内跳转。使用 $1,$2 etc.
    指定光标位置。这些数字指定了Tabstops将被访问的顺序,特别地,$0表示最终光标位置。相同序号的「Tabstops」被链接在一起,将会同步更新,比如下列用于生成头文件封装的
    snippet 被替换到编辑器上时,光标就将同时出现在所有$1位置。

             "#ifndef $1"
             "#define $1"
             "#end // $1"

编辑器里光标在$1的位置闪烁,
在这里插入图片描述

  • Placeholders:占位符

    「placeholder」是带有默认值的「Tabstops」,如 1 : f o o 。 「 p l a c e h o l d e r 」 文 本 将 被 插 入 「 T a b s t o p s 」 位 置 , 并 在 跳 转 时 被 全 选 , 以 方 便 修 改 。 占 位 符 还 可 以 嵌 套 , 例 如 {1:foo}。「placeholder」文本将被插入「Tabstops」位置,并在跳转时被全选,以方便修改。占位符还可以嵌套,例如 1fooplaceholderTabstops便{1:another
    ${2:placeholder}}。

    比如,结构体的 snippet 主体可以这样写:

    struct ${1:name_t} {\n\t$2\n};
    

    在这里插入图片描述
    作为「Placeholder」的name_t一方面可以提供默认的结构名称,另一方面可以作为输入的提示。

  • Variables:变量
    使用 n a m e 或 name或 name{name:default}可以插入变量的值。 当未设置变量时,将插入其缺省值或空字符串。
    当varibale未知(即,其名称未定义)时,将插入变量的名称,并将其转换为「placeholder」。
    可以使用以下「Variable」:

  • TM_SELECTED_TEXT:当前选定的文本或空字符串

  • TM_CURRENT_LINE:当前行的内容

  • TM_CURRENT_WORD:光标下的单词的内容或空字符串

  • TM_LINE_INDEX:基于零索引的行号

  • TM_LINE_NUMBER:基于一索引的行号

  • TM_FILENAME:当前文档的文件名

  • TM_DIRECTORY:当前文档的目录

  • TM_FILEPATH:当前文档的完整文件路径

    注意,这些都是变量名,不是宏,在实际使用的时候还是要加上$符的。

注:原文 snippet 的功能为,在输入 log 并确认后,可将原文本替换为console.log(’’);,效果预览如下:
在这里插入图片描述
光标定位在$1处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值