目录
快速生成React代码
快速生成vue代码
在看视频时，发现大佬使用快捷键快速生成模板代码很方便，所以就学习了下，现记录步骤。
快速生成React代码 首先在vscode中找到“配置用户代码片段”按钮，点击进去
文章图片
在显示的输入框中输入Javascript。
文章图片
选中Javascript.json，会弹出一个Javascript.json文件
文章图片
紧接着，在一个js文件中输入一段模板代码，然后复制到snippet generator:https://snippet-generator.app
左侧的输入框中，如下图所示：
文章图片
将右侧生成的json文件直接复制到Javascript.json文件中
文章图片
然后，在js文件中输入imR，点击弹出的提示框或者是按tab键可以快速生成一段代码了。
文章图片
快速生成vue代码 依然点击“配置用户代码片段”按钮，然后输入vue.json
文章图片
如果没有vue.json，就点击
文章图片
新建全局代码片段文件或者新建 “xxx” 文件夹的代码片段文件，然后再输入vue.json，按enter键之后就可以生成一个json文件。
文章图片
文章图片
接着在vue文件中输入一段模板代码，然后复制到snippet generator左侧的输入框中，如下图所示：
文章图片
接着将右侧生成的json文件复制到vue.json.code-snippets文件中。
文章图片
之后，只要我们在.vue文件中输入ted，然后点击弹出的提示框，就可以生成一段模板代码
文章图片
【React|Vscode中快速生成代码的方式】
推荐阅读
- 毕业设计|【毕业设计】基于SSM与VUE的汉服销售论坛系统
- 学习笔记|这样的商城系统，真招人稀罕！
- 大屏项目开发，等比缩放
- 微信小程序|微信小程序组件
- 程序|Ant Design Vue 2.x+ 支持所有的现代浏览器。
- javascript案例|JS实现可拖拽的模态框
- python|Python绘制简单的曲线图·
- web端|web全栈开发（web前后端数据交互。html5+jquery作为前端、Python+flask作为后端）
- 2022升级！《慕慕到家》家政小程序组件化进阶实战某课完结