美文网首页
ReactNative 代码智能提醒(webstorm开发工具)

ReactNative 代码智能提醒(webstorm开发工具)

作者: 袁俊亮技术博客 | 来源:发表于2017-08-18 15:15 被阅读25次

    ReactNative 代码智能提醒(webstorm开发工具)

    标签(空格分隔): React


    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 , 然后输入属性名的 首字母

    亲测可以,有问题大家提出,谢谢.

    原文地址:http://www.jianshu.com/p/6c987f4f5d5a

    相关文章

      网友评论

          本文标题:ReactNative 代码智能提醒(webstorm开发工具)

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