ReactNative的环境搭建到打包
RN的环境搭建（这个项目是以windows系统为例。）
参考网址：https://www.kancloud.cn/daiji/webapp/511791
- 安装node.js 下载地址：https://nodejs.org/en/
- 安装一个模拟器，我用的是逍遥模拟器 下载地址：http://www.xyaz.cn/
- 安装android studio，安装过程中需要下载sdk之类的包，需要开启全局的FQ模式
具体安装所需要的sdk版本 参考网址：https://reactnative.cn/docs/getting-started/ - 安装java环境（需要注意的是java版本和sdk版本需要一致），我用的安装包是jdk-8u172-windows-x64
下载地址：https://www.oracle.com/technetwork/java/javase/downloads/java-archive-javase8-2177648.html - 安装java和sdk环境时，都需要进行配置系统环境变量。自行百度
-
安装 react-native-cli 模块
npm install -g react-native-cli
创建项目
react-native init AwesomeProject - 打开逍遥安卓模拟器（需要注意，逍遥安卓模拟如果想正常运行，需要进入bios里面设置cpu的虚拟化开关，设置为enable启用）
- 进入命令行 我们需要搜索到安卓设备
adb devices
adb connect 127.0.0.1:21503 (逍遥安卓模拟器使用的端口一般都是21503，或者21513,21543...)
（要注意的是：安卓模拟器的安卓版本需要是5.0以上版本，不然会报错，连接不上服务器） - 然后进入项目目录，这里的项目目录是AwesomeProject
命令行输入 react-native start --reset-cache (清理react缓存之类的)
再打开一个命令行 react-native run-android （开启项目，项目应用就开启了）
开启项目以后可能会出现端口不对的问题，点击旁边home键下边的齿轮设置按钮，选择Device setting ，设置端口为：127.0.0.1:8081（这是RN默认的端口）
在模拟器中 按 两次R键，就可以重启项目，或者点击旁边home键下边的齿轮设置按钮，选择Reload，然后项目就可以更新，还可以选择开启 hot-reload，这样在文件修改时，就自动更新了。 - 再说一下打包，
首先需要生成 index.android.bundle文件
创建assets文件夹 AwesomeProject\android\app\src\main\assets
输入以下命令
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
(其中的路径如果你按照上面项目创建目录的话，就不需要修改，如果不是，请修改为你自己的目录) - 生成android签名文件
* cmd进入java安装路径下的bin目录，执行以下命令
$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
* 将签名文件my-release-key.keystore 复制到 android/app 目录下
* 设置gradle变量 具体内容参考：https://reactnative.cn/docs/signed-apk-android/ - 生成apk发行包
在项目的android目录下运行命令行，输入：
gradlew assembleRelease
生成的 APK 文件位于android/app/build/outputs/apk/app-release.apk，它已经可以用来发布了。 - 至此 ，react-native从环境搭建到打包环境的配置就结束了。
接下来，就需要了解react-native组件，样式，语法之类的啦！
浙公网安备 33010602011771号