React Native基础知识讲解

什么是React Native？

React Native 是facebook 开源的一套用于开发移动端跨平台App的技术框架
其代码托管在github上。

为什么要用React Native？

1. 传统开发的痛点
2. 开发成本低
3. 代码复用率高
4. 支持动态更新

React Native 的优点

1. 跨平台
2. 低投入高回报
3. 性能高
4. 支持动态更新

安装Android Studio（提供用于为各类 Android 设备开发应用的最快的工具。）
https://developer.android.com/studio/

搭建基本的 React Native 开发环境

brew install node
//Watchman是Facebook用于观察文件系统变化的工具。强烈建议您安装它以获得更好的性能。
brew install watchman

npm install -g react-native-cli

安装Xcode
最简单方法是通过Mac App Store
您还需要安装Xcode命令行工具。打开Xcode，然后从Xcode菜单中选择“Preferences …”。转到“位置”面板，然后通过在“命令行工具”下拉列表中选择最新版本来安装工具。

创建新的应用程序
react-native init AwesomeProject
运行React Native应用程序
cd AwesomeProject
react-native run-ios

react-native run-ios只是运行您的应用程序的一种方式。
您也可以直接从Xcode或Nuclide中运行它

编译完成之后

如何开启开发者菜单呢
Android模拟器： comand+M
IOS模拟器： command+D
在真机上：摇一摇手机开启Devalaper Menu

如何调试react native

点击debugger JS remotely开启远程js调试服务
按下⌘⌥I打开开发人员工具。
通过手动debugger打断点，通过手动打断点

vscode 插件下载

1. Beautify
2. Bracket Pair Colorizer
3. One Dark Pro
4. React Native Snippet
5. vscode-icons