美文网首页
WebStorm 的 RN文件模版

WebStorm 的 RN文件模版

作者: Realank | 来源:发表于2018-06-22 17:01 被阅读26次

我们可以新建一个RN的WebStorm模版,这样就可以很快的新增RN组件啦


image.png

点击上图位置添加

/**
 * desc:$ClassDescribe
 * author:$Author
 * date:$Date
 */
 
import React, {Component} from 'react'
import {
  StyleSheet,
  View,
  Text
} from 'react-native'

export default class ${NAME} extends Component {
  constructor (props) {
    super(props)
    this.state = {}
  }

  render () {
    return (
      <View>
        <Text style={styles.text}>${NAME}</Text>
      </View>
    )
  }
}
const styles = StyleSheet.create({
  text: {
    margin: 15,
    color: '#31a6ff',
    fontSize: 20
  }
})

相关文章

  • WebStorm 的 RN文件模版

    我们可以新建一个RN的WebStorm模版,这样就可以很快的新增RN组件啦 点击上图位置添加

  • [RN] React Native WebStorm代码模版

    在React-Native日常开发中,新建文件或者组件是最常用的操作。可是,在我们新建不同的文件或者组件时,一些代...

  • webStorm下的sass设置

    在webStorm的sass模版下,只需要修改Argumens中的参数即可.具体而言,就是"要编译的sass文件"...

  • webstorm配置RN调试

    1. 配置RN开发环境,参考RN中文学习网,安装好所需要的各类工具 2. 安装webstorm,导入RN工程,如下...

  • RN 工具配置

    使用 RN 工具 webstorm地址 http://xclient.info/s/web-storm.html ...

  • day06-模版使用

    1)创建模版文件夹2)配置模版目录 3)使用模版文件 给模版文件传递数据模版变量的使用{{ 模版变量名 }}ind...

  • 三十二:Django之模版使用

    一:创建模版文件夹 二:配置模版目录 三:使用模版文件 四:给模版文件传递数据 模版变量使用:{{ 模版变量名 }...

  • 贫民窟孩子IDE指南-- webstorm 破解

    webstorm 2018 激活破解方法大全 贼管用 写个RN折腾 vsCode折腾半天。。。。放弃了。。

  • React Native调用Android原生方法

    开发工具:WebStorm,Android Studio【后文简称AS】 参考链接:RN官方文档 前言: 开始正文...

  • Flask之五:模版与静态资源

    一、模版:存放位置、读取优先级 到处放,但根目录下的优先。 模版文件夹 = 主py的模版文件夹 + 蓝图的模版文件...

网友评论

      本文标题:WebStorm 的 RN文件模版

      本文链接:https://www.haomeiwen.com/subject/ppzkyftx.html