前置工作

初始化项目

• npx react-native init NewProject 或者 react-native init myproject

进入项目

cd myproject

运行项目

• Android
  • yarn android
• ios
  • cd ios && pod install && cd ../
  • yarn ios

React vscode插件

ES7+ React/Redux/React-Native snippets

快捷键：

• rnc (react native class)
• rnf (react native function)

调试工具

模拟器调试

• 模拟器是安装在电脑上的，虚拟的手机界面
• 模拟器一般跟随Android Studio 和Xcode 一起安装
• 启动应用，模拟器会一起启动

真机调试

• 打开usb调试模式
• 通过usb线将电脑和手机连起来
• 启动应用，在手机上安装应用

模拟器调试

• 点击模拟器（使模拟器获取焦点）
• 快捷键 ctrl+m
• 点选debug
• 自动跳转到浏览器