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

时间:2022-03-14 04:08:56

配置React Native Android开发环境总结

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

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

2、删除Projects

  1. rm -Rf ~/AndroidStudioProjects

3、删除gradle

  1. rm -Rf ~/.gradle

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

注意:如果有其他IDE需要用到,请不要删除
  1. 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的;

下图所示:

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

解决方法:在自己安装的目录下找到: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
    react-native —— 在Mac上配置React Native Android开发环境排坑总结
    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环境变量是否设置成功)