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
阅读全文
0 0
- React Native 学习一 搭建开发环境
- React Native学习(一)——搭建开发环境
- React Native 开发环境搭建(一)学习
- React Native学习笔记一之搭建开发环境
- React Native开发一 webstorm搭建React Native开发环境
- react native windows开发环境搭建(一)
- React Native 一:开发环境搭建
- 学习React Native(一)环境搭建
- React-Native学习一:环境搭建
- React Native(一):搭建开发环境、出Hello World
- React Native基础与入门(一)--搭建开发环境
- React Native学习笔记(1)--Windows开发环境搭建
- React Native学习笔记(一)Mac OS X下React Native的环境搭建
- React-Native 学习系列课程笔记(React-Native开发环境搭建)
- React Native Android(一)环境搭建
- React Native Android(一)环境搭建
- react native (一) 搭建环境
- React Native(一) 环境搭建
- 无法直接从VM中删除vCPU, 但您可以通过关闭VM后再删除vCPU;
- 优雅的设置font-family
- IAR中 _Bool类型溯源
- spring boot 集成 activeMQ 传输序列化对象
- EL表达式详细教程
- React Native 开发环境搭建(一)学习
- leetcode 475. Heaters
- CSS3图片水平居中常用方法
- Ajax缓存原理
- leetcode 540. Single Element in a Sorted Array
- NSRunLoop 概述和原理
- LightOJ
- 用python3.5逛今日头条
- 【机器学习实战】第10章 K-Means(均值)聚类算法