react-native自学笔记---Mac版
一、开发环境搭建
1、安装nodeJs,通过npm安装react-native命令行工具 npm install -g react-native
2、安装xcode, android studio,android studio下载链接:https://developer.android.google.cn/studio/
3、初始化第一个react-native项目 react-native init FirstApp
4、配置淘宝镜像,加快项目初始化项目
5、运行iOS项目 ,通过命令行运行,输入指令react-native run-ios,或在Xcode上打开ios/FirstApp.xcodeproj,点击run按钮,即可将项目运行到iOS模拟器上
6、运行android项目,首先确保电脑已运行一个android模拟器,启动android模拟器,通过命令行启动,输入指令emulator -avd {your device}或通过android studio启动
7、android模拟器运行成功输入指令react-native run-android, 或在android studio中打开根目录下的android文件夹,点击运行按钮,第一次编译时间较长,请耐心等待
二、开发工具选择
1、推荐webstorm,无需手动下载任何插件,界面和操作与android studio相仿
2、Nuclide+ Watchman (Mac)需要插件配合
3、Sublime,界面简单,上手快,需要插件支持
三、构建官方example项目
1、克隆项目,依次执行如下命令:
git clone https://github.com/facebook/react-native.git
cd react-native
npm install
-----这是分割线-----明天继续------