Windows上React-Native环境搭建-只适合Android开发者
2017-02-16 12:19
651 查看
从来不写博客,这次做了笔记,就放上来好了。
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
4000
小米手机安装失败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
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
4000
小米手机安装失败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
相关文章推荐
- 使用C++实现JNI接口需要注意的事项
- Android IPC进程间通讯机制
- Android Manifest 用法
- [转载]Activity中ConfigChanges属性的用法
- Android之获取手机上的图片和视频缩略图thumbnails
- Android之使用Http协议实现文件上传功能
- Android学习笔记(二九):嵌入浏览器
- android string.xml文件中的整型和string型代替
- i-jetty环境搭配与编译
- android之定时器AlarmManager
- android wifi 无线调试
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- android 代码实现控件之间的间距
- android FragmentPagerAdapter的“标准”配置
- Android"解决"onTouch和onClick的冲突问题
- android:installLocation简析
- android searchView的关闭事件