美文网首页
搭建开发环境

搭建开发环境

作者: channelRead0 | 来源:发表于2018-04-04 16:33 被阅读0次

    参考了

    React Native中文网 《搭建开发环境》,地址:搭建开发环境

    一、安装必要软件

    1) Chocolatey

    Chocolatey是一个Windows上的包管理器,类似于linux上的yum和 apt-get。

    管理员权限运行cmd执行以下命令:

    @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

    2) Python 2

    使用Chocolatey来安装Python 2,命令如下:

    choco install python2

    3) Node

    使用Chocolatey来安装Node,命令如下:

    choco install nodejs.install

    设置npm镜像用以加速,因为自动配置了nodejs的环境变量,需要重新管理员权限运行cmd,命令如下:

    npm config set registry https://registry.npm.taobao.org --global

    npm config set disturl https://npm.taobao.org/dist --global

    4) Yarn、React Native的命令行工具(react-native-cli)

    Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

    npm install -g yarn react-native-cli

    设置镜像源:

    yarn config set registry https://registry.npm.taobao.org --global

    yarn config set disturl https://npm.taobao.org/dist --global

    二、环境配置

    1) jdk要求1.8,并配置JAVA_HOME

    2) Android Studio要求高于2.0,并下载了Android SDK

    3)配置Andrid SDK环境变量:

    新建 ANDROID_HOME 指向Android SDK的安装目录,Path中配置

    %ANDROID_HOME%\platform-tools 和 %ANDROID_HOME%\tools。

    三、测试安装

    现在就可以初始化一个空项目运行一下,来测试开发环境是否搭建成功。

    react-native init AwesomeProject

    cd AwesomeProject

    react-native run-android

    可以使用--version参数创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。

    相关文章

      网友评论

          本文标题:搭建开发环境

          本文链接:https://www.haomeiwen.com/subject/qltlhftx.html