React-Native入门

React-Native入门

 
一、环境配置:
(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运行环境)
成功安装后,终端会有如下提示信息:
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,所以不需要添加平台。