vscode生成react的jsx代码片段
2020-06-29 04:24
1161 查看
步骤
- 点击导航的文件 ->首选项->用户代码片段
- 点击新建代码片段,并输入jsx.json
- 创建成功后把下面的代码段复制进去
- 在jsx文件中输入jsx并按下tab键即可补全代码
{
“jsx”: {
“prefix”: “jsx”,
“body”: [
“import React from ‘react’”,
“”,
“export default class $1 extends React.Component {”,
“”,
“\tconstructor() {”,
“\t\tsuper()”,
“\t}”,
“”,
“\trender() {”,
“\t\treturn (”,
“\t\t\t”,
“\t\t)”,
“\t}”,
“”,
“}”
],
“description”: “jsx components”
}
}
相关文章推荐
- 【VS Code插件】让VScode中的beautify插件不格式化react项目中的jsx代码
- VSCode 快速生成vue代码片段
- VScode中Vue快速生成代码片段
- VScode用户代码片段——全面快速生成vue片段
- VS code 生成vue-cli代码片段
- VScode中自定义用户代码片段(C user snippet)自动生成C语言头文件排除重复包含
- egg.js目录结构、vscode中快速生成egg代码片段
- 在vs code中创建Vue快捷代码片段
- Angular 5代码片段和VS Code提升您的工作流程
- vscode里面超好用的react代码编辑插件(附完整的安装使用)
- 使用vscode,根据vue基础模板文件生成代码
- VS Code添加自定义代码片段
- 在vscode中快速生成vue代码模板
- vscode编写代码快速生成html模板
- VSCode保存插件配置并使用 gist 管理代码片段
- vscode 如何创建自定义代码片段
- vscode - 更改emmet生成代码
- VS Code 折腾记 - (6) 基本配置/快捷键定义/代码片段的录入(snippet)
- 使用vscode创建vue代码片段
- VScode扩展插件使less文件实时生成css代码