RN(react-native)环境搭建
1.安装node.js(JavaScript运行时环境)
下载地址 http://nodejs.cn/(傻瓜式安装即可)
安装完成之后打开cmd命运运行node -v 输出版本号即安装成功
2安装react-native-cli
打开cmd命令依次输入以下命令:
npm config set registry https://registry.npm.taobao.org(切换成淘宝镜像。加快在国内npm(npm服务器不在国内)安装 模块的速度)
npm install -g react-native-cli
3AndroidStudio(2.0以上版本),JDK(1.8以上版本)
注意:在SDK Platforms
窗口中,选择Show Package Details
,然后在Android 6.0 (Marshmallow)
中勾选GooglAPIs
、 Android SDK Platform 23
、Intel x86 Atom System Image
、Intel x86 Atom_64 System Image
以及Google APIs Intel x86 Atom_64 System Image
在SDK Tools
窗口中,选择Show Package Details
,然后在Android SDK Build Tools
中勾选Android SDK Build-Tools 23.0.1
(必须包含有这个版本。当然如果其他插件需要其他版本,你可以同时安装其他多个版本)。然后还要勾选最底部的Android Support Repository
4 ANDROID_HOME环境变量(指向sdk地址)
5创建出RN项目
打开cmd命令输入:react-native init xxx(项目名称)(默认创建最新的版本,如需指定版本使用--version参数制定版本 如:react-native init xxx --version 0.39.2)
运行在Android真机上:项目地址下,运行react-native run-android
遇见以下错误及解决方法:
unable to load script form assets
执行: react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
注意:当前新版本生成的项目文件和老版本所生的文件有所不同,运行遇到问题请根据不同版本去解决(https://github.com/reactnativecn/react-native.cn)
参考地址 http://reactnative.cn/(中文),https://facebook.github.io/react-native/(英文)