react-native (配置环境)

2019-06-02  本文已影响0人  白小纯Zzz

一、安装最新版本的java jdk

  1. 修改环境变量,新增JAVA_HOME的系统环境变量,值为C:\Program Files (x86)\Java\jdk1.8.0_112,也就是安装JDK的根目录


    第一步.png
第三步.png 第四步.png
注意:  变量名就是   JAVA_HOME  ; 变量值就是  在自己电脑 C盘中找,
也就是你电脑安装java 的目录,
第五步.png
第六步.png
  1. 修改系统环境变量Path,在Path之后新增;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin


    第一步.png
    第二步.png

    注意如果是w7 系统的话 , 配置如以下


    第二步.png
  1. 新建系统环境变量CLASSPATH,值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;


    新建系统变量CLASSPATH.png
  2. 保存所有的系统环境变量,同时退出系统环境变量配置窗口,然后运行cmd命令行工具,输入javac,如果能出现javac的命令选项,就表示配置成功!


    配置成功.png

二、 安装Node.js环境

注意:需要安装最新的长期稳定版本,不要实验版本;安装完毕之后的node.js会自动配置到全局系统环境变量中

安装完毕后,可以输入node -v查看node版本号;

三、安装C++环境

注意:大多数情况下操作系统自带C++环境,不需要手动安装C++环境;

如果运行报错,则需要手动安装visual studio中的C++环境;

四、安装Git环境

Git安装完毕后,会自动配置到系统环境变量中;

可以通过运行git --version来检查是否正确安装和配置了Git的环境变量;

五、安装Yarn包管理工具

什么是yarn:和 npm 性质差不多,都是前端的包管理工具;

注意:在 React Native 开发过程中,推荐直接使用 yarn 来安装依赖包;

注意:在 RN 学习中,不要使用 npm 和 cnpm ,因为它们装的包,路径有问题,或者会出现丢包的情况;

六、安装Python环境

  1. 注意:安装Python时候,只能安装2.×的版本,注意勾选安装界面上的Add Python to path,这样才能自动将Python安装到系统环境变量中;
  2. 安装完毕之后,可以在命令行中运行python,检查是否成功安装了python。
Python安装中注意事项.png

七、 配置安卓环境

  1. 安装installer_r24.3.4-windows.exe,最好手动选择安装到C盘下的android目录


    Android安装时候.png
Android安装注意.png Android安装注意2.png
  1. 打开安装的目录,将android-23、android-24、android-25、android-26右键 x 解压后,放到platforms文件夹下
  2. 右键 x 解压platform-tools,将解压得到的文件夹,放到和SDK Manager.exe平级的目录中
  3. 在安装目录中新建文件夹build-tools,右键 x 解压 build-tools_r23.0.1-windows.zip(react-native必须依赖这个)、build-tools_r26.0.0-windows.rar(weex必须依赖这个),并将解压出来的文件夹,拷贝到build-tools文件夹下
  4. 在安装目录中,新建extras文件夹,在extras文件夹下新建android文件夹;右键 x 解压m2responsitory文件夹和support文件夹,放到新建的extras -> android文件夹下
  5. 配置安装环境变量:在系统环境变量中新建ANDROID_HOME,值为android SDK Manager的安装路径C:\Users\liulongbin\AppData\Local\Android\android-sdk,紧接着,在Path中新增;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
注意 : 如果 react-native run-android 的时候 出现 License for package Android SDK Build-Tools 28.0.3 not accepted 报错的话,
报错解决问题.png 报错解决问题2.png
最后给大家分享所有的安装包,希望给有用。

百度网盘
提取码: li4u

上一篇 下一篇

猜你喜欢

热点阅读