博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ubuntu17.10 React Native 环境搭建
阅读量:4646 次
发布时间:2019-06-09

本文共 1787 字,大约阅读时间需要 5 分钟。

React Native 环境搭建

环境:ubuntu17.10

安装依赖

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

  • 安装node

//查看nvm是否成功cat ~/.bashrc|grep nvmexport 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 --globalyarn 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 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-appcreate-react-app my-appcd my-app/npm start

查看http://localhost:3000/

镜像

npm config set registry

转载于:https://www.cnblogs.com/mengluo/p/9467990.html

你可能感兴趣的文章
python编码问题
查看>>
POJ 2031 Building a Space Station
查看>>
面向对象1
查看>>
编程开发之--java多线程学习总结(5)
查看>>
register_globals(全局变量注册开关)
查看>>
as3调用外部swf里的类的方法
查看>>
如何让 zend studio 10 识别 Phalcon语法并且进行语法提示
查看>>
任意阶幻方(魔方矩阵)C语言实现
查看>>
视频教程--ASP.NET MVC 使用 Petapoco 微型ORM框架+NpgSql驱动连接 PostgreSQL数据库
查看>>
第五次作业
查看>>
织梦教程
查看>>
杭电多校 Harvest of Apples 莫队
查看>>
java 第11次作业:你能看懂就说明你理解了——this关键字
查看>>
C/C++心得-结构体
查看>>
函数名作为参数传递
查看>>
apt-get for ubuntu 工具简介
查看>>
数值计算算法-多项式插值算法的实现与分析
查看>>
day8-异常处理与网络编程
查看>>
Python基础-time and datetime
查看>>
Linux epoll 笔记(高并发事件处理机制)
查看>>