美文网首页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