当前位置:网站首页>vsCode创建自己的代码模板
vsCode创建自己的代码模板
2022-07-05 06:23:00 【Heerey525】
情况
最近重温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创建自己的代码模板
边栏推荐
- Leetcode-6109: number of people who know secrets
- 3.Oracle-控制文件的管理
- LeetCode 1200. Minimum absolute difference
- Shutter web hardware keyboard monitoring
- Bash exercise 17 writing scripts to install the server side of FRP reverse proxy software
- 背包问题 AcWing 9. 分组背包问题
- 4.Oracle-重做日志文件管理
- 1.手动创建Oracle数据库
- Modnet matting model reproduction
- C Primer Plus Chapter 15 (bit operation)
猜你喜欢
随机推荐
Quickly use Amazon memorydb and build your own redis memory database
C Primer Plus Chapter 15 (bit operation)
Niu Mei's math problems
FFmpeg build下载(包含old version)
Install opencv -- CONDA to establish a virtual environment and add the kernel of this environment in jupyter
MySQL advanced part 2: SQL optimization
Daily question 1189 Maximum number of "balloons"
安装OpenCV--conda建立虚拟环境并在jupyter中添加此环境的kernel
MySQL advanced part 2: optimizing SQL steps
Leetcode array operation
Shutter web hardware keyboard monitoring
Leetcode-6109: number of people who know secrets
LeetCode 1200. Minimum absolute difference
How to generate an image from text on fly at runtime
高斯消元 AcWing 884. 高斯消元解异或线性方程组
Leetcode-9: palindromes
New title of module a of "PanYun Cup" secondary vocational network security skills competition
什么是套接字?Socket基本介绍
MySQL怎么运行的系列(八)14张图说明白MySQL事务原子性和undo日志原理
区间问题 AcWing 906. 区间分组