ReactNative 代码智能提醒(webstorm)



  • ReactNative 代码智能提醒 (Webstrom live template)

    git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
    

    说明

    ReactNative的代码模板,包括:

    1. 组件名称
    2. Api 名称
    3. 所有StyleSheets属性
    4. React组件

    安装

    方法一

    file -> import settings -> ReactNative.jar

    方法二

    Mac下安装

    ReactNative.xml复制到 ~/Library/Preferences/WebStorm11/templates
    重启 WebStrom

    使用方法

    通用方法

    直接输入组件Api 名称的首字母, 比如想要 View ,只要输入 V自动提示代码里就会看到 View

    StyleSheet属性提示

    首先 按下 command + J , 然后输入属性名的 首字母

    如: 输入 f ,会自动提示 fontSize,fontFamily,fontStyle...等等



  • mac下并无templates这个目录,确定没打错?是需要自己创建吗?



  • 或者你使用第一种方法安装也可以,都不用重启



  • 亲自操作后表示博主没写错



  • @混在北京 并不好使啊 没有代码提示


Log in to reply