美文网首页
一.搭建环境

一.搭建环境

作者: 小莫_beb7 | 来源:发表于2018-07-23 18:33 被阅读0次

步骤:

        1/ 安装 Chocolatey

         2/安装Python 2

         3/安装Node

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

        5/安装Android Studio

        6/ANDROID_HOME环境变量

        7/Gradle Daemon安装加速

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

        9/可选的安装项

                9.1  git

               9.2   模拟器

         10/测试安装

         11/修改项目


相关命令和方法

1/安装 Chocolatey

         @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

       chocoinstallpython2

3/安装Node

       打开命令提示符窗口,使用Chocolatey来安装NodeJS。

chocoinstallnodejs.install

安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!

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后同理也要设置镜像源:

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

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

如果你遇到EACCES: permission denied权限错误,可以尝试运行下面的命令(限linux系统):sudo npm install -g yarn react-native-cli.

安装完yarn之后就可以用yarn代替npm了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install --save 某第三方库名。

注意:目前npm5(发文时最新版本为5.0.4)存在安装新库时会删除其他库的问题,导致项目无法正常运行。请尽量使用yarn代替npm操作。

5/安装Android Studio   Android开发都会不在赘述

6/ANDROID_HOME环境变量

       确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。

打开控制面板->系统和安全->系统->高级系统设置->高级->环境变量->新建

具体的路径可能和下图不一致,请自行确认。

你需要关闭现有的命令符提示窗口然后重新打开,这样新的环境变量才能生效。

7/Gradle Daemon安装加速

        开启Gradle Daemon可以极大地提升java代码的增量编译速度。

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

其实就是在用户目录下,找到 .gradel 文件夹,创建一个文件gradle.properties ,添加内容

                           org.gradle.daemon=true  

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

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

打开控制面板->系统和安全->系统->高级系统设置->高级->环境变量-> 选中PATH-> 双击进行编辑

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

   9/可选的安装项(不在赘述)

                9.1  git

               9.2   模拟器

10/测试安装

             react-nativeinit AwesomeProjectcd AwesomeProjectreact-nativerun-android

11/修改项目

            使用你喜欢的文本编辑器打开App.js并随便改上几行

            按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是⌘+M)打开开发者菜单,然后选择     Reload JS就可以看到你的最新修改。

在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。

12/错误解决

           中间有时候需要指定版本  react-native init rnstarter --version 0.55.4

相关文章

  • React Native学习总结篇

    一、环境搭建 1.1 React Native环境搭建 1.1.1 IOS环境搭建 环境:MacOS 注意:不要使...

  • iOS中RN与Flutter混合开发

    一 搭建环境 1. 搭建flutter环境 1.1 搭建系统开发环境 参考链接:https://flutter....

  • 第一个MyBatis程序

    思路:搭建环境---导入MyBatis--编写代码---测试! 一、搭建环境 1、搭建数据库环境: engine=...

  • Robot Framework用法总结

    一,环境的搭建 关于robotframework环境搭建请参考博文:Robot Framework的环境搭建[ht...

  • linux 第四天

    Lamp环境搭建 /*******************Lamp环境搭建:*******************...

  • 项目驱动的Java学习 - 第一个项目

    第一个项目 #Java开发环境搭建, 下载&配置JDK #Tomcat环境搭建 #Eclipse环境搭建 # 运行...

  • codePush说明

    codePush环境搭建 环境搭建文章:环境搭建 git地址:codePush git地址2.0.3,And...

  • angular学习--02英雄指南

    环境搭建 angular官网--搭建本地开发环境和工作空间windows 10 搭建angular开发环境免搭建环...

  • Gradle开发-Groovy环境搭建

    ##Groovy环境搭建 在使用 Groovy 之前首先要搭建几个环境: Groovy 的环境搭建 JDK 环境搭...

  • Flutter.1.基础搭建

    一. flutter环境搭建 环境搭建跟着搭建flutter走. 问题 在执行flutter docter 的时候...

网友评论

      本文标题:一.搭建环境

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