react-native —— 在Mac上配置React Native Android开发环境排坑总结

2021-12-10 00:16:25

配置React Native Android开发环境总结

1、卸载Android Studio，在终端(terminal)执行以下命令：

rm -Rf /Applications/Android\ Studio.app
rm -Rf ~/Library/Preferences/AndroidStudio*
rm ~/Library/Preferences/com.google.android.studio.plist
rm -Rf ~/Library/Application\ Support/AndroidStudio*
rm -Rf ~/Library/Logs/AndroidStudio*
rm -Rf ~/Library/Caches/AndroidStudio*

2、删除Projects

rm -Rf ~/AndroidStudioProjects

3、删除gradle

rm -Rf ~/.gradle

4、卸载Android Virtual Devices(AVDs) and *.keystore.

注意：如果有其他IDE需要用到，请不要删除

rm -Rf ~/.android

5、删除Android SDK Tools

注意：如果有其他IDE需要用到，请不要删除

rm -Rf ~/Library/Android*

6、第一次安装Android studio时候弹出unable to access android sdk add-on list原因是你电脑没有SDK而且你下载的android studio又是不带SDK的；

下图所示：

解决方法：在自己安装的目录下找到：bin\idea.properties打开这个文件末尾添加一行disable.android.first.run=true就行了，如果打不开这个文件，可以下载安装EditPlus工具或者sublime_text工具，用工具打开修改即可；如果这都嫌麻烦的话，那就用txt打开再简单不过了。

环境搭建

android app是用java语言开发的

下载JDK（java的开发包），
下载完成后安装JDK
配置java环境变量：
- 在命令行中输入
```
    $ /usr/libexec/java_home
```
  来定位java在mac中的安装路径
- 在命令行中输入：
```
     $ touch ~/.bash_profile
```
  （touch命令是若文件不存在，创建该文件）
- 在命令行中输入：
```
     $ open ~/.bash_profile
```
  (open用编辑器打开该文件）
- 把第一步查找到到java安装路径赋值给JAVA_HOME，复制以下内容到 .bash_profile文件中
```
export JAVA_HOME=查找到的java安装路径

export PATH=$JAVA_HOME/bin:$PATH

export CLASS_PATH=$JAVA_HOME/lib:$CLASS_PATH
```
- 在命令行中输入：
```
 $ source ~/.bash_profile
```
  (source命令是执行文件）
- 验证环境变量是否成功：在命令行输入：
```
  $ java 或  $javac
```
  （若提示命令找不到表示失败）或输入
```
   $ echo $JAVA_HOME
```
  （是否能成功打印java的安装路径）

android开发环境搭建

android studio安装
android studio是开发android的官方IDE，android studio下载地址，我下载的是集成（android sdk）的版本，下载后安装。

android sdk下载
android sdk是开发android的开发工具包。
打开android studio，

react-native —— 在Mac上配置React Native Android开发环境排坑总结

android.png

点击下面这个按钮，进入android sdk manager界面

react-native —— 在Mac上配置React Native Android开发环境排坑总结

android manager.png

下载以下资源：

Android SDK Build-tools version 23.0.1
Android 6.0 (API 23)
Android Support Repository

react-native —— 在Mac上配置React Native Android开发环境排坑总结

Paste_Image.png

react-native —— 在Mac上配置React Native Android开发环境排坑总结

Paste_Image.png

android sdk环境变量设置

参照设置java环境变量打开 .bash_profile的步骤
打开android studio，在菜单栏点击SDK Manager

sdk manager图标

可以查看android sdk对安装路径

把上步找到的sdk的安装路径赋值给ANDROID_HOME，并复制以下内容到 .bash_profile中

export ANDROID_HOME=查找到到sdk路径

export PATH=${PATH}:${ANDROID_HOME}/tools

export PATH=${PATH}:${ANDROID_HOME}/platform-tools

在命令行中输入：
```
 $source ~/.bash_profile
```
在命令行中输入：
```
 $ adb
```
（验证android sdk环境变量是否设置成功）