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

vscode如何添加代码片段


文章目录

  • vscode如何添加代码片段
  • 前言
  • 一、首先打开vscode
  • 二、添加代码片段配置步骤
    • 1.点击文件(File) => 首选项(Preferences) =>用户片段(User Snippets)
    • 2.选择需要添加的代码片段
    • 3.书写代码片段
  • 三、总结


前言

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


一、首先打开vscode

推荐:有些人的vscode是纯英文的,没有使用插件汉化,可以使用插件进行汉化!!
vsCode设置代码片段-已经写得很详细了_第1张图片

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

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

vsCode设置代码片段-已经写得很详细了_第2张图片

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

vsCode设置代码片段-已经写得很详细了_第3张图片

3.书写代码片段

我选择的是html.json做例子

"vh": {
	"prefix": "vh", // 触发的关键字 输入vh按下tab键
	"body": [	
		"
"
, "", ], //描述 "description": "vh components" }

由于书写代码片段很麻烦,每一行都要加双引号这些,所以推荐一个网站,将需要变为代码片段的代码转化为这种格式。
https://snippet-generator.app/

vsCode设置代码片段-已经写得很详细了_第4张图片

三、总结

我写的代码片段

vsCode设置代码片段-已经写得很详细了_第5张图片
然后在html文件中输入vh就会有该提示出现!!选择就行了

vsCode设置代码片段-已经写得很详细了_第6张图片

你可能感兴趣的:(前端,vscode,笔记,vscode,vue.js,ide)