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语句
);
}
}
网友评论