极速配置 expo + react-native 运行环境

首先必要安装 node及 npm,其次将 npm 的全局 prefix 和 cache目录加入到环境变量,使 npm 全局安装的依赖可以直接执行,比如 yarn

此处配置 expo + react-native 其实就是利用两个脚手架,一个是 create-react-native-app 创建项目目录,另一个就是expo-cli,用于启动项目,打包项目及发布

为了更好的体验手机端,推荐使用 expo 客户端浏览,有安卓和ios版本,目前 ios 版本好像已经从 store 下架

安装 yarn 依赖管理工具

更快的依赖安装工具(其实就是在第一次安装依赖时就会缓存),缓存目录会比较大,但还是推荐使用 yarn 下载依赖

$ npm i -g yarn
$ yarn global bin # yarn 安装位置
$ yarn global dir  # yarn 依赖的全局安装位置

# 比如:
$ yarn config set global-folder D:\env\nodejs\node_global
$ yarn config set cache-folder D:\env\nodej\node_cache

安装命令行脚手架

$ npm i -g create-react-native-app expo-cli exp

# 推荐使用 yarn 安装 
$ yarn global add create-react-native-app expo-cli exp

创建项目目录

直接可以使用 create-react-native-app 创建一个项目目录,其预设了其它的初始模块,个人感觉直接默认就好

$ npx create-react-native-app [目录名]

> 直接选择 default 

如果中途在 npm install 时过程很慢&#

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值