vsCode设置代码片段-已经写得很详细了

最新推荐文章于 2024-10-20 11:00:00 发布

小马_xiaoen

最新推荐文章于 2024-10-20 11:00:00 发布

阅读量1.3w

点赞数 23

分类专栏：前端 vscode 笔记文章标签： vscode vue.js ide

本文链接：https://blog.csdn.net/m0_46165586/article/details/127248606

版权

前端同时被 3 个专栏收录

31 篇文章 1 订阅

订阅专栏

笔记

12 篇文章 1 订阅

订阅专栏

vscode

6 篇文章 1 订阅

订阅专栏

vscode如何添加代码片段

文章目录

vscode如何添加代码片段
前言
一、首先打开vscode
二、添加代码片段配置步骤
三、总结

前言

观看王元红老师视频，记录一下如何给vscode添加代码片段。方便后续敲代码使用代码片段，提高效率！！！

一、首先打开vscode

推荐：有些人的vscode是纯英文的，没有使用插件汉化，可以使用插件进行汉化！！
在这里插入图片描述

二、添加代码片段配置步骤

1.点击文件(File) => 首选项(Preferences) =>用户片段(User Snippets)

在这里插入图片描述

2.选择需要添加的代码片段

在这里插入图片描述

3.书写代码片段

我选择的是html.json做例子

"vh": {
	"prefix": "vh", // 触发的关键字 输入vh按下tab键
	"body": [	
		"<div id=\"app\"></div>",
		"<script>",
		"  var vm = new Vue({",
		"    el:'#app',",
		"    data:{},",
		"    })",
		"</script>",
	],
	//描述
	"description": "vh components"
	}