搭建移动端的跨平台开发环境

适用范围

大部分情况下均可用React Native一套代码跑两个平台,比如信息展示和交互等等。 如果涉及到手机设备如摄像头、定位、地图等,则要么封装原生代码给React Native调用,要么直接跳转到用原生代码开发的页面。

搭建开发环境

硬件条件:推荐使用Mac电脑开发,可以同时开发iOS和Android两个平台

必装工具

安装指南

  1. Homebrew (Mac下的包管理工具) 安装方法:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  1. Node(Javascript后端,主要用他的npm包管理工具) 安装方法:
brew install node

注意:若安装速度太慢,可考虑换国内的brew源

  1. react-native-cli(React-Native命令行工具) 安装方法:
npm install -g react-native-cli

注意:若安装速度太慢,可考虑换[国内的淘宝npm源]http://npm.taobao.org/)

  1. Xcode 安装方法: App Store,版本Xcode7以上
  2. Android Studio 安装方法: 主要是下载正确的SDK,请参照此目标平台为Android的文章
  3. Watchman(用于检测文件变化) 安装方法:
brew install watchman

测试安装

react-native init AwesomeProject //下载react native的项目模版并命名为AwesomeProject

cd AwesomeProject
react-native run-ios //启动该项目的iOS模拟器并运行

若能成功启动,则你的环境已配置好,可以开始开发啦!

原文发布于微信公众号 - 林欣哲(gh_aba6caba3ac7)

原文发表时间:2017-10-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Flutter入门到实战

开发工具总结(10)之Flutter从配置安装到填坑指南详解

版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.jianshu.com/p/399c01657920

2281
来自专栏运维

安装Ubuntu10.04TLS后可做的几件事

Ctrl+Alt+T 打开终端(或者Alt+F2打开运行应用程序),输入gconf-editor,打开配置编辑器。

1823
来自专栏乐百川的学习频道

配置和美化OpenSuse Tumbleweed

在我的前一篇文章在虚拟机安装OpenSuse Tumbleweed中,介绍了如何在虚拟机中安装OpenSuse Tumbleweed。但是虚拟机上面并不过瘾,正...

3659
来自专栏web前端

smartClient 1--框架介绍

    快速构建 大型企业应用开发(无需过多关注UI),适合基于云技术的应用,主要关注业务的发展和营销,加快开发进程

1160
来自专栏刘望舒

Flutter从配置安装到填坑指南详解

6904
来自专栏FreeBuf

WordPress插件Google Analytics by Yoast存储型XSS漏洞(含POC)

WordPress著名插件Google Analytics by Yoast插件中曝出存储型XSS漏洞,该漏洞能够让未被授权的攻击者在WordPress管理面板...

25210
来自专栏专注数据中心高性能网络技术研发

ubuntu17.04新安装之后的软件准备

以下是亲自试验可用的 1.最简化安装ubuntu17.04之后,没有安装wifi驱动。   此时可以先添加一些软件源   网易源地址: deb http://m...

3625
来自专栏更流畅、简洁的软件开发方式

js的动态加载、缓存、更新以及复用(一)使用范围:遇到的问题:目标:页面结构:正文

使用范围:   OA、MIS、ERP等信息管理类的项目,暂时不考虑网站。 遇到的问题:   完成一个项目,往往需要引用很多js文件,比如jQuery.js、ea...

3635
来自专栏angularejs学习篇

关于表单重复提交问题

问题引入:当我们在做一个页面数据提交的时候,当我们连续点击提交按钮,因为快速连续点击,因为速度过快,页面还来不及反应,导致页面从复提交。。

3982
来自专栏地方网络工作室的专栏

打造前端 Deepin Linux 工作环境——配置 XAMPP 集成环境

打造前端 Deepin Linux 工作环境——配置 XAMPP 集成环境 虽然前后端分离开发的我们,已经很少需要跑一个 apache+php+mysql 的集...

2545

扫码关注云+社区

领取腾讯云代金券