react native的优点:跨平台,低投入高回报(因为它跨平台) 性能高 支持动态更新
搭建window环境:
安装nodejs
安装react native: npm install -g react-native-cli
安装Android studio (http://developer.android.google.cn)
初始化 react native项目:react-native init mynative(项目名称可随便起)
运行react native项目:
通过命令行工具运行:首先确保有已经启动的安卓模拟器或者已经链接电脑的移动设备
启动安卓模拟器:emulator -avd 5 -gpu off
在项目跟目录写:react-native run-android
通过 Android studio:
打开Android studio
点击open选择项目中的Android目录点ok
如果遇到错误时尝试在项目的根目录运行npm start
调出开发者菜单ctrl+m单机两次
生成的项目的目录介绍:
—test—:存放测试的文件的目录
android:生成的安卓项目的目录
ios:生成的ios项目的目录
node_modules:项目所依赖的组件包
index.android.js:安卓项目的入口文件
index.ios.js:ios项目的入口文件
package.json
配置npm的镜像服务器:在nodejs/node_modules/npm下添加registry=https://registry.npm.taobao.org
搭建mac环境:
安装nodejs
安装react native:npm install -g react-native-cli
安装ios开发工具xcode
安装Android studio(需安装jdk)
创建react native项目:react-native init mynative
运行react native项目:
命令行运行(项目跟目录):react-native run-ios
开发工具运行:在xcode 中打开ios下的FirstApp-xcodeprol,点击运行。
在ios上运行Android跟在win上一样
ctrl+d打开开发者应用
mac设置npm的淘宝镜像:根目录有.npmrc文件添加registry=https://registry.npm.taobao.org/
开发工具:webStorm ,Nuclide+watchman(mac,facebook推荐),sublime