Skip to content

environment.md

Latest commit

 

History

History
61 lines (44 loc) · 2.5 KB

environment.md

File metadata and controls

61 lines (44 loc) · 2.5 KB

搭建开发环境

react native以地狱般搭建开发者环境而劝退开发者而著称(特指windows), 不过说实话, 本人在2台windows上面搭建开发环境, 一天之内全搞定, 所以也不是那么的恐怖

1.搭建开发环境须知

  1. 良好的网络环境(可以翻墙, 速度较快)
  2. 耐心安装, 等待, 排错

2.安装依赖

  1. node(>=12)
  2. Python2(必须2.x)
  3. Java SE Development Kit (JDK, 必须为1.8)

注意: 不要使用 cnpm！cnpm 安装的模块路径比较奇怪，packager 不能正常识别！

3.搭建windows-Android开发换

  1. 下载和安装Android Studio(自定义安装的时候选中如下几项, 不完全对应, 但是可以看到基本符合)
    1. Android SDK
    2. Android SDK Platform
    3. Performance (Intel ® HAXM)
    4. Android Virtual Device
  2. 安装 Android SDK, 安装Android Studio的时候默认安装了sdk, 路径在c:\Users\你的用户名\AppData\Local\Android\Sdk
  3. 进入Android Studio的欢迎界面

欢迎界面

  1. 分别勾选下面截图的选项, SDK Platforms和SDK Tools 选项卡, 点击apply, 进行下载安装(如果已经勾选的, 可以不用管, 确保选中图里的)

SDK Platforms SDK Tools

  1. 配置 ANDROID_HOME 环境变量, 打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建，创建一个名为ANDROID_HOME的环境变量（系统或用户变量均可），指向你的 Android SDK 所在的目录（具体的路径可能和下图不一致，请自行确认）：

Android 变量

  1. 添加其他环境变量Path , 打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量，选中Path变量，然后点击编辑。点击新建然后把这些工具目录路径添加进去：platform-tools、emulator、tools、tools/bin

其他变量

4.新建项目

(先卸载可能之前安装的, 避免冲突)
npm uninstall -g react-native-cli 
npm install -g react-native-cli
(npx是node自带的命令, 安装最新版react native, 撰写文档的时候是0.62.2)
npx react-native init AwesomeProject

5.运行项目

第一次运行会下载很多依赖, 请耐心等待, 如有报错, 还请google

cd AwesomeProject
npm run android
# 或者
yarn Android (取决于你安装了没有)

6.展示项目

项目展示