react-native环境开发Ubuntu篇

由于Facebook的开发工程师都是用MacOS的,所以这React native的开发环境还是MacOS最好,其次是Linux,由于windows坑太多,这次的尝试是利用Ubuntu开发React-Native初实践

##Ubuntu环境安装

###JDK 环境

ubuntu下安装jdk可使用默认的openJDK,只需要以下两行代码

sudo apt-get install default-jre
sudo apt-get install default-jdk

亲测可以使用,毕竟Oraclejdk太麻烦了哈哈

Android 开发工具环境

利用Android Studio来安装使用更有效率,毕竟官方认证的啦。

  1. 官方下载Android Studio,解压后看安装说明,CD到bin目录,运行 ./studio.sh
  2. 安装时,选择Custom, 勾选 Android Virtual Device
  3. 在启动界面,选择 Configure, 下面的 Create Desktop Entry, 可以创建快捷启动
  4. 相关要下载的sdk可以去 React Native 查看详细说明

注意以下两点

添加 ANDROID_HOME 路径 与 SDK 路径到 系统变量中

vi ~/.bashrc
# 添加到文本中

PATH="~/Android/Sdk/tools:~/Android/Sdk/platform-tools:${PATH}"
export PATH

export ANDROID_HOME=~/Android/Sdk

必须安装以下依赖, 且必须在安装Android Studio 前安装好

sudo apt-get install lib32stdc++6
sudo apt-get install lib32ncurses5 ia32-libs

Node.js开发环境

众所周知,React-Native是利用前端JavaScript的技术来开发原生APP应用,而nodejs是前端开发的基础环境,是JavaScript作为服务器语言的环境基础,当然也是目前最火的技术啦。

推荐安装git

sudo apt-get install git

安装nodejsnpm

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install nodejs

安装 react-native-cli

sudo npm install -g react-native-cli
# 如果出现权限问题可以加上命令 --unsafe-perm --verbose ,同时适用gulp, bower, webpack等库
sudo npm install -g react-native-cli --unsafe-perm --verbose

开发启动React Native 项目

  1. 启动Android模拟器,推荐Android 5.1以上
  2. 初始化目录, react-native init AwesomeProject, cd AwesomeProject, 3. react-native start, react-native run-android
  3. 等待下载编译器并开始编译

如看到模拟器打开了一上React Native应用,则表示你已经成功完成开发环境了。
更多的开发使用请参考官网React Native .


   转载规则


《react-native环境开发Ubuntu篇》 Sterne Lee 采用 知识共享署名 4.0 国际许可协议 进行许可。
 上一篇
使用 vagrant 作为前端开发环境 使用 vagrant 作为前端开发环境
Vagrant是一个基于Ruby的工具,用于创建和部署虚拟化开发环境。它 使用Oracle的开源VirtualBox虚拟化系统,使用 Chef创建自动化虚拟环境。 比Docker好一点的地方就是配置方便,支持windowsXP、7等等 作为
2017-03-25 Sterne Lee
下一篇 
Create-React-App配合使用Antd组件 Create-React-App配合使用Antd组件
简介Create-React-APP 是 Facebook 官方的 react 页面生成工具,可以实现零配置就能使用 react来开发页面,使用起来非常方便。而 Antd 是阿里巴巴的一个 UI 设计语言,设计非常全面的大师级页面组件,当然
2017-03-25
  目录