React-Native初识

React-Native初识

前提


Node.js基础 JSX语法基础
* Flexbox布局


环境配置

  1. 安装node.js下载mac版
  2. 获取Homebrew.打开终端输入下列命令:
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    若提示缺少组件,输入 brew install wget
  3. 建议安装watchman，终端命令：brew install watchman
  4. 安装flow,终端命令:brew install flow

通过以上步骤可配置好环境

第一个React-Native终端项目

  1. 安装命令行工具,终端:sudo npm install -g react-native-cli
  2. 进入你想要的目录,创建项目: react-native init <项目名> 如:react-native init HelloWorld ca,第一次真慢,尼玛10多分钟了
  3. 进入目录打开<项目名>.xcodeproj
    运行 如下图:

1_1