React Native 开发环境搭建(一)学习

来源:互联网 发布:网络代销哪家好 编辑:程序博客网 时间:2024/05/16 14:56

Facebook 在 React.js Conf 2015 大会上推出了基于 JavaScript 的开源框架 React Native,本中文教程翻译自 React Native 官方文档。

React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。

React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook 在多个应用程序产品中使用了 React Native,并将继续为 React Native 投资。


1.安装JDK

2.安装SDK
在翻墙的环境下,打开http://www.androiddevtools.cn/
3.安装C++环境
选择windows sdk、cygwin或mingw等其他c++环境。编译node.js的C++模块时需要用到。
4.安装Node.js与Git
dos命令检测:echo %path%
打开Git目录下的git-cmd.exe执行:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
5.安装ReactNative命令行工具
在GitHub下载RN(facebook...)
npm install -g react-native-cli
6.创建项目
react-native init MyProject
7.运行packager 进入工程目录
react-native start
请求http://localhost:8081/index.android.bundle?platform=android可以看到打包后的脚本
8.准备真机 运行Android
react-native run-android
react-native run-ios
问题1:找不到sdk或者无法正常化sdk路径 解决拌饭:环境变量
问题2:failed to find target with hash string ‘Android-23’ in:... 解决版本:更新sdk版本到23
问题3:build成功后是红色的:没有连接服务器js server,
手机摇一摇-Dev setting-Debug server host &port device-19.168.1.10:8081(电脑IP地址)
9.调试App
菜单(摇一摇) reload js
原创粉丝点击