01-React Native环境搭建

Homebrew
Node
Yarn
Watchman

测试环境是否搭建成功

react-native init AwesomeProject
cd AwesomeProject  // 查看生成的项目,完整路径cd /Users/xxx/AwesomeProject
react-native run-ios  // cd到 AwesomeProject文件夹下，运行项目

react-native --version
react-native-cli: 2.0.1
react-native: 0.54.2

运行效果图.png

打开App.js并随便改上几行。
在iOS Emulator中按下⌘-R就可以刷新APP

import React, { Component } from 'react';
import { Text } from 'react-native';

// 定义了一个名为HelloWorldApp的新的组件（Component）,一个App的最终界面，其实也就是各式各样的组件的组合
export default class HelloWorldApp extends Component {
  render() {
    return (
        <Text>Hello world!</Text> // JSX语句
    );
  }
}