VScode自定义模板的使用

为了提高效率,使用快捷键就能生成模板代码是不是美滋滋!直接上马

  1. 首先找到用户代码段
    VScode自定义模板的使用_第1张图片
  2. 搜索html.json文件
    VScode自定义模板的使用_第2张图片
  3. 然后写自己熟习的代码模板

一般没有定义模板的,刚开始是什么都没有的
也可以将这些都删了

VScode自定义模板的使用_第3张图片

> 定义自己的模板
VScode自定义模板的使用_第4张图片
详细模板

"VUE template": {
        "prefix": "vh", // 对应的是使用这个模板的快捷键
        "body": [
         "",
         "",
         "",
         "\t",
         "\t",
         "\t",
		 "\tDocument",
		 "\t ",
         "\t",     
         "\n",
		 "",
		 "\t",
		 "\t

{{ msg }}

\n"
, "\n", "", "" ], "description": "VUE的模板" // 模板的描述 }

** 解释:**

VUE template 这个只是一个名字而已,并没什么特别,可以起aa,bb,cc都是没有问题的

"prefix": “vh”:这是快捷键的名字,输入vh就会出来模板,就像直接输入 ‘’!‘’ 出来html的模板一样

"body": [ 这里就是模板的定义了,就是一个数组,照样子填就好了
\t =>tab \n => 换行 \ 转义符

“description”: “VUE的模板” 模板的描述

基本就是这样使用的,也就是平时写的数组和转义符

你可能感兴趣的:(VScode自定义模板的使用)