加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

ReactNative(RN)和AndroidStudio安装与环境设置

(2022-05-29 16:24:20)

参考材料:

https://www.react-native.cn/ react-native中文网站

https://reactnative.dev/ react-native英文网站

https://react.docschina.org/ react中文网站

推荐6本React在线电子版书籍

https://blog.csdn.net/weixin_44763569/article/details/107866921

 

1、硬件

内存最好在8GB

操作系统

a) 请一定安装64位(建议)

b) 建议Win10及以上

2、安装VSCode(非必须)

https://code.visualstudio.com/#alt-downloads

 ReactNative(RN)和AndroidStudio安装与环境设置


 3、安装GIT

https://git-scm.com/downloads

 

  ReactNative(RN)和AndroidStudio安装与环境设置


 4、安装jdk

https://www.onlinedown.net/soft/10045320.htm

 

  ReactNative(RN)和AndroidStudio安装与环境设置


 React Native只支持jdk11 下载 jkd11版本,官方只有8版本,在https://www.onlinedown.net/soft/10045320.htm下载,安装默认目录在:C:\Program Files\Java\jdk-11

新建“JAVA_HOME”系统变量:C:\Program Files\Java\jdk-11

新建“CLASSPATH”系统变量,变量值为“.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;”

Path变量值:"%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;"

 

5、安装Nodejs

http://nodejs.cn/download/

 ReactNative(RN)和AndroidStudio安装与环境设置


 Nodejs需要下载 14以上版本,安装

# 使用nrm工具切换淘宝源

npx nrm use taobao

# 如果之后需要切换回官方源可使用

npx nrm use npm

安装yarn工具

npm install -g yarn

 

6、安装AndroidStudio

https://developer.android.google.cn/studio

 ReactNative(RN)和AndroidStudio安装与环境设置


 5、AndroidSDK

注意:AndroidSDK需要通过Android Studio来下载,参考以下的帖子来进行下载

https://jingyan.baidu.com/article/2a138328922b91464b134f76.html

以下参考rn官方文档:

https://reactnative.dev/docs/environment-setup

安装完AndroidStudio,打开菜单Tools-sdk manager,在Appearance & Behavior → System Settings → Android SDK下

选择“SDK Platforms”页,点击"Show Package Details",选择:

Android SDK Platform 30

Intel x86 Atom_64 System Image or Google APIs Intel x86 Atom System Image

选择"SDK Tools"页,点击"Show Package Details",选择:

"Android SDK Build-Tools" 下 30.0.2 选择

 

新建ANDROID_HOME环境变量:在上面的界面可以看到Android SDK location,一般在C:\Users\yourname

\AppData\Local\Android\Sdk

platform-tools目录放入path,目录在C:\Users\yourname

\AppData\Local\Android\Sdk\platform-tools

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有