React-Native入门

Posted 2020-08-22 i个O人S发

 

一、环境配置：

(1). 安装最新版的XCode，建议是XCode7.1及以上版本。（PS: 如果不是最新版，可能在之后新建项目的时候，会编译通不过。小编就是之前没把XCode升级到最新版，然后被一个编译问题困扰了很久。）

(2). 安装HomeBlew（OS系统上的一个安装包管理器，安装后可以方便后续安装包的安装。）

终端命令：

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

(3). 安装Node.js （服务端的javascript运行环境）

下载地址：https://nodejs.org/download/

成功安装后，终端会有如下提示信息：

Node.js was installed at: /usr/local/bin/node ?
npm was installed at: /usr/local/bin/npm ?
Make sure that /usr/local/bin is in your $PATH.

(4). 建议安装WatchMan（React修改source文件的一个工具）

终端命令： 

brew install watchman

(5). 安装Flow: 一个JavaScript 的静态类型检查器。

终端命令：

brew install flow

(6). 安装React Native CLI: 用来开发React Native的命令行工具

终端命令：

sudo npm install -g react-native

装好了环境，就可以愉快的玩耍起来了。

 

或者也可以这样操作：

1. brew install nvm （nvm 比npm速度快一些，不过我没什么感觉，它和npm使用方式基本一样）
2. brew install watchman （React修改source文件的一个工具）
3. brew install flow （js脚本的类型检查器）
4. sudo npm install -g react-native-cli （开始安装react-native）

react-native的基本使用

1. react-native init myApp (创建名为myMpp的项目，需要很长一会时间，不过可能也是网速的原因，在这里，它会在myApp的并行目录生成一个node_mobiles的目录，里面会有很多的支撑文件，不要随意改动就哦了)
2. cd myApp （切入到项目目录）
3. react-native run-android （运行android）

react-native 会直接生成android和iOS，所以不需要添加平台。