react-native环境开发Ubuntu篇

发表于 | 分类于

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

##Ubuntu环境安装

###JDK 环境

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

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

亲测可以使用，毕竟Oracle的jdk太麻烦了哈哈

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 路径到 系统变量中

1
2
3
4
5
6
7
vi ~/.bashrc
# 添加到文本中

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

export ANDROID_HOME=~/Android/Sdk

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

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

Node.js开发环境

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

推荐安装git

1
sudo apt-get install git

安装nodejs与npm

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

安装 react-native-cli

1
2
3
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 .