React Native 在Windows下的环境安装

React Native 在Windows下的环境安装

本文主要是接受React Native在Windows下进行环境安装的教程,步骤分为:

  • NVM安装
  • Node.js安装
  • cnpm替代npm
  • React Native安装

NVM安装

NVM主要是用来管理Node.js的管理工具。

NVM主要是用来管理Node.js的管理工具,因此在安装Node.js的时候最好先安装NVM。NVM的Windows客户端的在github的下载地址,下载完成后去安装;国内能直接访问我就不提供网盘下载地址了。

安装验证:输入nvm -v去验证,如图所示:
NVM安装验证

Node.js安装

Node.js的官网下载地址,访问他们官网好像需要翻墙,如果没有翻墙工具的小伙伴们,我这里有自己下载好的文件放在百度网盘里,大家可以去下载。
Node.js在Windows端下安装完成之后会自动把工具和命令的路径添加到环境变量Path中,但是还是需要配置Node.js自带的npm的环境;npm的地址在安装的Node.js的目录下,找到Node.js的安装目录;如:D:\Program Files\nodejs\node_modules;
配置步骤:进入我的电脑→属性→高级→环境变量。在系统变量下新建NODE_PATH,输入D:\Program Files\nodejs\node_modules(你自己的安装地址目录);如图所示
NODE_PATH系统变量配置
Node.js 32位(密码:1y8i)
Node.js 64位(密码:5k2v)

安装验证:输入node -v去验证,如图所示:
Node.js安装验证

cnpm的转换

Node.js中内置了npm,我们可以通过npm去安装其他环境,但是npm主要访问的是国外的网站,对于没翻墙资源的小伙伴们来说就很痛苦了。所以需要把npm转换成为国内淘宝的cnpm;这样使用国内的资源去安装环境,就快很多了。
转换步骤为:Win+R->输入cmd->输入npm install -g cnpm –registry=https://registry.npm.taobao.org将npm转换为淘宝的cnpm。

转换验证:输入cnpm -v去进行验证;如图所示:
cnpm验证

React Native安装

安装React Native就是安装React Native的命令行工具,由于前面已经安装好了Node.js、npm、cnpm,安装React Native就非常简单了,Win+R然后输入cmd进入dos,在dos中使用如下命令即可:
1.npm安装:npm install -g react-native-cli
2.cnpm安装(国内资源,安装更快):cnpm install -g react-native-cli

安装验证:输入:react-native -h(帮助指令)、react-native -v(查看版本指令);如下图所示:
React Native安装验证

至此,React Native在Windows下的环境算是安装成功了,可以开始学习React Native了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native 是一个基于 React 的框架,可以用于构建原生应用程序。在开始 React Native 开发之前,需要先搭建相应的开发环境。下面是 React Native 环境搭建的步骤: 1. 安装 Node.js 和 npm React Native 使用 Node.js 和 npm 进行构建和管理依赖。可以从 Node.js 官网下载对应平台的安装包,安装完成后,npm 就会随之安装。 2. 安装 React Native 命令行工具 打开终端或命令行窗口,运行以下命令: ``` npm install -g react-native-cli ``` 这个命令会全局安装 React Native 命令行工具。 3. 安装 Android Studio(仅适用于 Android 平台开发) 如果要进行 Android 平台开发,需要安装 Android Studio。可以从 Android Studio 官网下载对应平台的安装包,安装完成后,启动 Android Studio,并安装相应的 SDK 和 Android 虚拟设备(AVD)。 4. 配置 Android 环境变量(仅适用于 Windows 平台开发) 在 Windows 平台上进行 Android 开发时,需要配置相应的环境变量。可以在系统的“环境变量”中添加以下两个变量: - ANDROID_HOME:指向安装的 Android SDK 的路径 - PATH:在原有的 PATH 变量值后面添加 Android SDK 的 tools 和 platform-tools 目录的路径 5. 创建新项目 在终端或命令行窗口中,进入到要创建项目的目录,运行以下命令: ``` react-native init MyProject ``` 这个命令会创建一个名为 MyProject 的项目,其中包含了 React Native 的基本文件。 6. 运行项目 进入到项目的根目录,运行以下命令: ``` react-native run-android ``` 这个命令会启动 Android 模拟器,并在模拟器上运行项目。如果要在真机上运行项目,需要先将手机连接到电脑,并按照官方文档的说明进行配置。 以上就是 React Native 环境搭建的步骤,希望对你有所帮助。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值