美文网首页React NativeReactNativeAndroid技术知识
ReactNative 代码智能提醒(webstorm开发工具)

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

作者: Miaoz0070 | 来源:发表于2016-06-07 13:44 被阅读4775次

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

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

    相关文章

      网友评论

      • 大咔丶:file -> import settings ->
        我为什么没找到ReactNative.jar ,已下载插件 (linux)
        大咔丶:@Miaoz0070 :fearful: 哦不用了 谢谢。
        Miaoz0070:不知道为什么git上的删了,如果需要我可以发给你。
      • 841f5b77223d:使用这个插件会导致WebStrom的空格、Tab、回车键失灵,不知道哪里有冲突
      • SheamUs:不管用啊
        SheamUs:@SheamUs 好了,多试了几遍就ok了 :smile:
      • adcbcf0b9029:1.file -> import settings -> ReactNative.jar 终端运行这个一直都没反应
        2.这个方法 /Library/Preferences/WebStorm11/templates 这个文件夹找不到 怎么办
        Miaoz0070:@adcbcf0b9029 直接放到上层文件夹

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

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