visual studio code教程:基础使用和自定义设置( 二 )


05、Sort Lines (代码行排序插件) 。这个插件可以对选中的代码行进行排序,也提供不区分大小写、反向和唯一等排序功能 。
06、Wallaby.js (测试插件) 。一个高级的连续测试运行器,可以对正在工作的文件进行测试,它会在你的编辑器中创建通过测试或测试失败的视觉反馈 。
VS code 用户代码片段01、找到菜单 “查看”,点击“命令面板”,或者按“commandshiftP”快捷键打开命令选项板 。
搜索“Preferences: Configure User Snippets”或者“首选项:配置用户代码片段” 。
02、你可以选择“现有的代码片段文件”或者“创建代码片段文件”,其中创建代码片段文件有两个选项:“全局可用”和“当前项目目录可用” 。
03、以新建全局代码段文件为例,单击【新建全局代码片段文件…】 。创建.code-snippets后缀的文件 。我们可以看到一个大的对象{} , 查看注释中示例,JavaScript代码如下图
04、其中,Print to console是代码片段名称;
scope字段表示作用域,在什么语言下其作用;
prefix字段为代码片段前缀,定义如何从IntelliSense和选项卡完成中选择此代码段;
body即代码片段的主体内容,其中每个字符串表示一行;
description字段为代码片段说明,会在IntelliSense候选栏中出现 。未定义的情况下直接显示对象名 , 上面列子中将会显示Log output to console 。
05、body 部分可以使用特殊语法结构,来控制光标和要插入的文本 , 其支持的基本结构有Tabstops(制表符) 。
用“Tabstops”可以让编辑器的指针在“snippet”内跳转 。使用“1,2”等指定光标位置 。这些数字指定了光标跳转的顺序 , 数字最大表示默认选中,按【tab】键 , 光标移到下一个指定位置 。
特别注意的是,“0”表示最终光标位置 。相同序号的“Tabstops”被链接在一起,将会同步更新,比如下列用于生成头文件封装的“snippet”被替换到编辑器上时,光标就将同时出现在所有“1”位置 。
JavaScript 代码:
06、body支持的基本结构有还有Placeholders(占位符) 。
“Placeholder”是带有默认值的”Tabstops”,如 {1:foo} 。“placeholder”文本将被插入“Tabstops”位置,并在跳转时被全?。?以方便修改 。占位符还可以嵌套,例如{1:another {2:placeholder}} 。
比如 , 结构体的 snippet 主体可以这样写,JavaScript 代码:
07、“Choice”是提供可选值的“Placeholder” 。其语法为一系列用逗号隔开,并最终被两个竖线圈起来的枚举值,比如 {1|one,two,three|}。当光标跳转到该位置的时候,用户将会被提供多个值(one或two或 three)以供选择 。

推荐阅读