WebStorm 的 RN文件模版

我们可以新建一个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
  }
})