安装ReactNative

  1. 一.安装Node
  2. 二、安装SDK
  3. 三、安装Android Studio
  4. 四.备注

本文主要参考reactnative中文网环境搭建来搭建环境,可以看作为官方文档的一个注释。

一.安装Node

参考网站菜鸟教程安装Node.js
nodejs安装及环境变量配置

安装后需要注意的是

  1. 将安装目录比如我的“D:\Environment\nodejs”添加到系统环境目录。

  2. 使用npm install -g yarn安装yarn代替npm时,安装yarn会自动安装到C盘。

    所以想将yarn安装到自己的npm安装路径下,需要新建node_global(全局包存放目录)和node_cache(缓存目录)。

    然后在命令行使用
    npm config set prefix "global路径"
    npm config set cache "cache路径"
    设置配置。

    执行npm install -g yarn就可以安装到global路径了。

    再将gloabal下面的yarn安装路径D:\Environment\nodejs\node_global添加到环境变量就可以使用yarn了。

二、安装SDK

java sdk使用版本1.8。

三、安装Android Studio

  1. 下载安装包安装
  2. 安装完成后会让选择proxy,因为主要是配置连google服务,买一个能代理桌面软件的VPN即可,直接cancel。
  3. cancel后或者重新启动后会安装java sdk和安装Android sdk,前者可以安装新的java sdk在android目录下,也可以直接使用第二部(以前)自己安装的sdk,后者确保安装Android sdk和Android virtual platform。
  4. 新建环境变量ANDROID_HOME并设置其为sdk的安装路径
  5. 添加以下环境变量到Path
    %ANDROID_HOME%\platform-tools
    %ANDROID_HOME%\emulator
    %ANDROID_HOME%\tools
    %ANDROID_HOME%\tools\bin
    

四.备注

  1. win+R打开cmd默认在c:\user\用户名,用npx react-native init AwesomeProject会自动在目前cmd所在的目录初始化项目,这样初始化项目在连接手机后启动项目安装app时会报错,这时候需要在”D:\Environment\Android\sdk\tools\bin”打开cmd,然后执行sdkmanager --licenses一路给予某些权限后,就可以在C盘安装了(现在不确定是否是因为项目在c盘的缘故报错)
    error Failed to install the app. Please accept all necessary Android SDK licenses using Android SDK Manager: "$ANDROID_HOME/tools/bin/sdkmanager --licenses".
    
  2. 建议在自己的系统盘外其他盘的代码文件夹下初始化项目
  3. reactnative

欢迎在评论区中进行批评指正,转载请注明来源,如涉及侵权,请联系作者删除。

×

喜欢就点赞,疼爱就打赏