美文网首页
React Native环境安装(731)

React Native环境安装(731)

作者: Qin0821 | 来源:发表于2018-06-20 16:00 被阅读0次

    官方文档
    中文文档

    必须的软件

    1. 安装Chocolatey

    2. Node, Python2, JDK

    choco install -y nodejs.install python2 jdk8
    

    用cmd发现识别不了choco,于是改为使用有管理员权限的powershell。
    安装好node后,建议设置npm镜像加速后面过程:

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

    3. Yarn、React Native

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

    npm install -g yarn react-native-cli
    

    安装完yarn后同理也要设置镜像源:

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

    4. 安装Android Sutdio

    5. 安装SDK

    require SDK Platforms
    require SDK Tools

    推荐安装

    Gradle Deamon

    开启Gradle Daemon可以极大地提升java代码的增量编译速度。
    在命令行输入:

    (if not exist "%USERPROFILE%/.gradle" mkdir "%USERPROFILE%/.gradle") && (echo org.gradle.daemon=true >> "%USERPROFILE%/.gradle/gradle.properties")
    

    将Android SDK的Tools目录添加到PATH变量中

    你可以把Android SDK的tools和platform-tools目录添加到PATH变量中,以便在终端中运行一些Android工具,例如android avd或是adb logcat等。


    注意你的具体路径可能和上图不同

    测试安装

    react-native init AwesomeProject
    cd AwesomeProject
    react-native run-android
    

    如果你在设备上看到了红屏报错,请参阅在设备上运行

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

    Windows用户请注意,请不要在命令行默认的System32目录中init项目!会有各种权限限制导致不能运行!

    如果报SDK location not found,从androidStudio根目录中,复制一份local.properties到react-native项目根目录中即可。

    相关文章

      网友评论

          本文标题:React Native环境安装(731)

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