热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

VSCode自定义代码片段配置:实现类似IDEA的快捷代码段(如sout或psvm)

本文详细介绍如何在VSCode中配置自定义代码片段,使其具备与IDEA相似的代码生成快捷键功能。通过具体的Java和HTML代码片段示例,展示配置步骤及效果。

目录

  • 官方文档
  • 配置入口
  • 基本原理
  • Java代码片段示例
  • HTML代码片段示例


官方文档

建议首先查阅官方文档,以获取更详尽的信息。

配置入口

通过以下步骤打开配置入口:

  1. 按下 Ctrl+Shift+P 打开命令面板。
  2. 输入 Preferences: Configure User Snippets 或直接输入 snippet

配置入口

基本原理

代码片段的基本原理是将预设计的代码模板转换为JSON格式,并将其插入到相应的文件中。每一行代码用引号包围,形成一个数组元素,作为JSON中的body属性值。

Java代码片段示例

选择Java语言并编辑java.json文件:

选择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基础模板" } }

效果

HTML效果


推荐阅读
author-avatar
书友67299131
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有