zoukankan      html  css  js  c++  java
  • Ubuntu17.10 React Native 环境搭建

    React Native 环境搭建

    环境:ubuntu17.10

    安装依赖

    • 必须安装的依赖有:Node、React Native 命令行工具以及 JDK 和 Andriod Studio。

    • 安装node

    Node官网下载

    //查看nvm是否成功
    cat ~/.bashrc|grep nvm
    
    export NVM_DIR="/root/.nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  # This loads nvm
    
    
    

    确认存在以上配置后,通过执行source命令,使环境变量生效

    source ~/.bashrc
    

    查看可安装版本

    nvm ls-remote
    

    版本分类:

    • LTS版本指的是长期支持版本(Long-term Support),有官方支持,推荐给绝大多数用户使用,一般在生成环境上

    • Current版本指的是当前正在开发的版本,它通常较新,功能点有变动,但没有完全稳定,在经过一段时间之后,当前版本可能会变为LTS版本,一般用于学习

    官方网站的:
    Latest LTS Version: 8.11.3 (includes npm 5.6.0)

    开始安装(如果有旧版本 ,会选择当前安装的版本,我的电脑里面有一个4版本,新安装了8.11.3就选择了8.11.3版本)

    nvm install 8.11.3
    
    

    如需要切换版本

    nvm use 版本号 
    nvm use  8
    

    查看安装过的版本

    nvm  list
    

    这个时候我们的Node.js就安装成功了


    下面开始安装React Native

    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
    

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

    安装Java Development Kit

    (Android需要)
    React Native 需要 Java Development Kit [JDK] 1.8(暂不支持 1.9 版本)

    Java Development Kit官网下载安装
    选择 Java SE Development Kit 8u181 这个下载


    Android sdk

    这里不细阐述了,我不使用这个


    创建环境

    使用 create-react-app 快速构建 React 开发环境

    react-native init AwesomeProject
    

    这一条命令获取 React Native 的源代码和依赖包,然后在 AwesomeProject/iOS/AwesomeProject.xcodeproj 创建一个新的 Xcode 项目,并且在 AwesomeProject/android/app 下面创建一个 gradle 项目。

    或者

    使用 create-react-app 快速构建 React 开发环境

    create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。

    create-react-app 自动创建的项目是基于 Webpack + ES6 。

    npm install -g create-react-app
    
    create-react-app my-app
    
    cd my-app/
    
    npm start
    
    
    

    查看http://localhost:3000/

    镜像

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

  • 相关阅读:
    POJ 3083 Children of the Candy Corn
    工程投诉过程中各建设主管理部门联系人表
    Csharp:ListView paging and groups from Any Data Sources
    Csharp: Listview convert Datatable and ListView.Group count
    Csharp:Windowsform using CheckedListBox Datasource
    jquery.jclock.js using different time zone offsets
    在请求和响应中使用 XML
    zindex属性简介
    谁是管理软件的优秀客户?
    知识管理项目简述
  • 原文地址:https://www.cnblogs.com/mengluo/p/9467990.html
Copyright © 2011-2022 走看看