【taro react】---- VSCode 配置用户代码片段
2023-04-18 16:59:15 时间
1. 知识点
- 生成用户的全局代码片段 json 文件;
- 快捷键生成代码片段;
2. 生成代码片段配置文件
2.1 方法一
- 点击【设置】
- 点击【用户代码片段】
2.2 方法二
- 点击【文件】
- 点击【首选项】
- 点击【用户片段】
3. 生成配置文件
- 点击【新代码片段】
- 输入【jsx.json】
- 回车生成文件【jsx.json.code-snippets】
- 这里生成的是全局代码片段,也可以生成针对本项目的代码片段
4. 编辑配置文件
- 复制一个print配置模板
- prefix 是代码片段快捷输入字符
- body 是输出的代码片段
- description 对代码片段的说明
- 注意:scope 字段需要删除,否则再jsx文件中,配置的代码片段不会提示
5. 配置示例
"Print to taro react": {
"prefix": "treact",
"body": [
"import React, { Component } from 'react'",
"import { View, Text, Image } from '@tarojs/components'",
"import RuiCustom from '../../component/RuiCustom/RuiCustom'",
"import Taro from '@tarojs/taro'",
"",
"export default class $1 extends Component {",
" constructor(props) {",
" super(props)",
" }",
" state = {}",
"",
" componentDidMount(){",
" ",
" }",
" render () {",
" return (",
" <View>",
" <RuiCustom title="$2" showBack={true}></RuiCustom>",
" </View>",
" )",
" }",
"}"
],
"description": "Log output to taro react!"
}
相关文章
- 【技术种草】cdn+轻量服务器+hugo=让博客“云原生”一下
- CLB运维&运营最佳实践 ---访问日志大洞察
- vnc方式登陆服务器
- 轻松学排序算法:眼睛直观感受几种常用排序算法
- 十二个经典的大数据项目
- 为什么使用 CDN 内容分发网络?
- 大数据——大数据默认端口号列表
- Weld 1.1.5.Final,JSR-299 的框架
- JavaFX 2012:彻底开源
- 提升as3程序性能的十大要点
- 通过凸面几何学进行独立于边际的在线多类学习
- 利用行动影响的规律性和部分已知的模型进行离线强化学习
- ModelLight:基于模型的交通信号控制的元强化学习
- 浅谈Visual Source Safe项目分支
- 基于先验知识的递归卡尔曼滤波的代理人联合状态和输入估计
- 结合网络结构和非线性恢复来提高声誉评估的性能
- 最佳实践丨云开发CloudBase多环境管理实践
- TimeVAE:用于生成多变量时间序列的变异自动编码器
- 具有线性阈值激活的神经网络:结构和算法
- 内网渗透之横向移动 -- 从域外向域内进行密码喷洒攻击