React快速生成组件的快捷键 (Vscode编辑器)

React快速生成组件的快捷键 ( Vscode编辑器 )1. 前言可以说整个的大前端开发都是组件化的天下，无论从三大框架（Vue、React、Angular），还是跨平台方案的Flutter，甚至是移动端都在转向组件化开发。所以，学习组件化最重要的是它的思想，每个框架或者平台可能实现方法不同，但是思想都是一样的。2. 使用vscode快速生成组件模板因为react的基本语法都是一样的没有不要去

洪洪呀

6678人浏览 · 2020-09-27 11:40:07

洪洪呀 · 2020-09-27 11:40:07 发布

React快速生成组件的快捷键 ( Vscode编辑器 )

1. 前言

可以说整个的大前端开发都是组件化的天下，无论从三大框架（Vue、React、Angular），还是跨平台方案的Flutter，甚至是移动端都在转向组件化开发。所以，学习组件化最重要的是它的思想，每个框架或者平台可能实现方法不同，但是思想都是一样的。

2. 使用vscode快速生成组件模板

因为react的基本语法都是一样的没有不要去重复的敲粘贴复制的也麻烦 vscode编辑器提供了一个插件非常好用打开编辑器 → 选择扩展 → 搜索ES7 找到并按照

在这里插入图片描述

3.快捷键

官方提供了大量的快捷键找到自己需要的使用就可以

在这里插入图片描述

4. react的类组件生成

快捷键 rcc

5. 快速生成constructor

快捷键 rconst

在这里插入图片描述

6. rcredux 快速创建redux格式的类模板

快捷键 rcredux

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^