目录
- 官方文档
- 配置入口
- 基本原理
- Java代码片段示例
- HTML代码片段示例
官方文档
建议首先查阅官方文档,以获取更详尽的信息。
配置入口
通过以下步骤打开配置入口:
- 按下
Ctrl+Shift+P
打开命令面板。 - 输入
Preferences: Configure User Snippets
或直接输入 snippet
。
基本原理
代码片段的基本原理是将预设计的代码模板转换为JSON格式,并将其插入到相应的文件中。每一行代码用引号包围,形成一个数组元素,作为JSON中的body属性值。
Java代码片段示例
选择Java语言并编辑java.json
文件:
以下是添加sout和psvm的示例配置:
{ "main 方法": { "prefix": "psvm", "body": [ "public static void main(String[] args) {", "\t$1", "}" ], "description": "main方法代码段" }, "打印语句": { "prefix": "sout", "body": [ "System.out.println(\"$1\");" ], "description": "打印语句代码段" } }
具体代码解释:
{ "main 方法": { "prefix": "psvm", "body": [ "public static void main(String[] args) {", "\t$1", "}" ], "description": "main方法代码段" }, "打印语句": { "prefix": "sout", "body": [ "System.out.println(\"$1\");" ], "description": "打印语句代码段" } }
效果
配置完成后,使用快捷键触发代码片段时,请耐心等待VSCode反应,不要过快按Enter或Tab键。
HTML代码片段示例
配置HTML代码片段:
{ "Vue HTML 模板": { "prefix": "vueHtml", "body": [ "", "", "", "", "
", "", "" ], "description": "插入Vue基础模板" } }
效果