Windows上React-Native环境搭建-只适合Android开发者

从来不写博客,这次做了笔记,就放上来好了。

1、React-Native环境搭建

         http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86wind   ows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-nati       ve%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/

            http://reactnative.cn/docs/0.39/getting-started.html#content

2、IDE:WebStorm 3.2.1 破解:http://www.cnblogs.com/woaic/p/6024975.html

                   1)要下载最新的WebStorm,否则对不支持,ide会报错

                   2) cd c:/workspace    react-native init MyProject     react-native run-android

                   3)导入工程WebStorm  File->open->MyProject

                   4)配置开发环境 File->Setting->Languages&Frameworks->JavaScript

                            ->JavaScriptlanguage version React JSX

                   5) 配置编译配置Run -> EditConfigurations -> "+"-> React Native ->{Name:Android  ... OK}

                   6)编译 Run-> RunAndroid 或者 在命令行react-native run-android

         注意:1ANDROID_HOME环境变量配置,只能配置android_sdk所在目录,多一个分号都不行,                    否则会报错,找不到sdk目录

               2React Native 小米手机安装失败Failed to establish session 解决方案: 进入开发                    者模式,关闭“MIUI优化”

               3在小米、华为上,新安装的app会出现一个应用列表页,在列表中找到我们的RN app,               并开启允许在其他应用的上层显示,然后返回到首页。

               4demo默认支持x86,包体大小7M多,在build.gradle中去除x86支持,demo包体大                     小会降低到4M左右

3、工程结构

4、react本身的一些概念(如JSX,组件,state)

                   http://www.ruanyifeng.com/blog/2015/03/react.html

                   https://facebook.github.io/react/docs/components-and-props.html   

5、ES6转ES5  babel script.js --out-file script-compiled.js

         目前使用,感觉有ES6就够了。

6、RN介绍及组件

         http://reactnative.cn/docs/0.39/style.html#content


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值