• 11-React Navive初识

    # 搭建开发环境

    官方文档：https://reactnative.cn/docs/getting-started.html

    # 安装Node、homebrew、Watchman

    安装 homebrew：
    1

    安装 watchman：

    brew install watchman
    1

    Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager 可以快速捕捉文件的变化从而实现实时刷新）。

    # 安装 React Native 的命令行工具（react-native-cli）

    安装 react-native-cli：

    npm install -g react-native-cli
    1

    React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

    # 创建新项目

    react-native init MyApp --version 0.44.3
    1

    # 编译并运行 React Native 应用

    在 ios 模拟器上运行：

    react-native run-ios
    1

    # 调试

    官网文档：https://reactnative.cn/docs/debugging.html

    # 访问 App 内的开发菜单

    如果是在 iOS 模拟器中运行，还可以按下Command + D快捷键，Android 模拟器对应的则是Command⌘ + M（windows 上可能是 F1 或者 F2），或是直接在命令行中运行adb shell input keyevent 82来发送菜单键命令。