vsCode创建自己的代码模板

情况

最近重温react，写jsx代码有点多，新建组件每次都要手打一遍或者copy一份模板，太不方便了，打算配一套模板，之后再次使用是就可以快捷键直接生成。

创建步骤

1.入口打开

入口一：（左上角）文件-首选项-用户代码片段
入口二：如下图

2.新建代码片段

为了不影响其他的代码片段，我们选择 新建全局代码片段文件

填写你要创建的文件名，我打算创建jsx的代码片段，所以取名jsx，然后点击保存

默认的是举得例子

3.编写配置

prefix：快捷键
body：配置的代码片段 \t指加空格缩进 \n指换行
description：代码片段的描述

这是代码，你也可以参照着，配置一套vue的模板

{
    
  "jsx_template": {
    
    "prefix": "jsx",
    "body": [
      "import React, { Component } from 'react';\n",
      "export default class xx extends Component {",
      "\trender() {",
      "\t\treturn <div>xx</div>;",
      "\t}",
      "}"
    ],
    "description": "jsx的模板"
  }
}

4.使用

直接输入jsx，回车

参考资料：vsCode创建自己的代码模板