window下安装reactnative环境

geewonii geewonii     2022-09-19     193

关键词:

安装方法跟  react Native中文网 几乎一样,事实上就是参照该网站安装的~

1、安装Chocolatey,cmd执行:

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString(‘https://chocolatey.org/install.ps1‘))" && SET PATH=%PATH%;%ALLUSERSPROFILE%chocolateyin

验证是否安装成功,查看系统变量是否有ChocolateyInstall ,有则证明安装成功。

2、安装Python 2(目前不支持Python3版本)

choco install python2

3、安装node

choco install nodejs.install

安装完node后,设置npm镜像加速:

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

4、安装Yarn,并设置镜像加速

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

5、安装react-native-cli

npm install -g react-native-cli

6、安装jdk8

choco install jdk8

配置java环境变量:(系统变量)

  • 新建 JAVA_HOME 变量,变量值填写jdk的安装目录(如 C:Program FilesJavajdk1.8.0_144)
  • 寻找 Path 变量,在变量值最后输入 %JAVA_HOME%in;%JAVA_HOME%jrein;(注意原来Path的变量值末尾有没有;号,如果没有,先输入;)
  • 新建 CLASSPATH 变量,变量值填写   .;%JAVA_HOME%lib;%JAVA_HOME%lib ools.jar(注意最前面有一点)
  • cmd输入:javac -version 验证是否成功

 7、下载Android Studio 

鉴于国情问题,可到Android Studio 中文网下载:http://www.android-studio.org/,然而令我心酸的是等待时间96小时,一整个周末都下不完。。。果断地贴出链接: https://pan.baidu.com/s/1eSnIJLK 密码: f5uv

 由于文件太大,盘符爆满由此终结。。。

windows下reactnative环境配置

1.安装nodeJs并配置淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org--globalnpmconfigsetdisturlhttps://npm.taobao.org/dist--global2.安装Windows上的包管理器Chocolatey@powershell-NoProfile-ExecutionPolicyBypass 查看详情

window平台下reactnative开发环境搭建

1.安装Node.js2.安装react-nativew-cli命令行工具npminstall-greact-nativew-cli3.创建项目$react-nativeinitappSmaple4.运行$cdappSmaple$react-nativestart5.安装到设备保持开启,另外打开一个命令行窗口,在工程目录下运行$cdappSmaple$react-nativerun-android 查看详情

在windows下搭建reactnative环境

...AndroidStudio默认会安装最新版本的AndroidSDK。然而目前编译ReactNative应用需要的是Android6.0(Marshmallow)版本的SDK。2.在SDKManager中选择"SDKPlatforms"选项卡,然后在右下角勾选"ShowPackageDetails"。展开Android6.0(Marshmallow)选项,确... 查看详情

windows系统安装下reactnative环境

...还是否需要安装23版本?另外希望能提供一个最新的完整ReactNative环境安装教程参考技术A装了新系统以后原来安装过的软件就不能用了,除非你的软件是绿色版的! 查看详情

在mac上搭建reactnative开发环境

概述前面我们介绍过在window环境下开发ReactNative项目,今天说说怎么在mac上搭建一个RN的开发环境。配置mac开发环境基本环境安装1.先安装Homebrew:用于安装NodeJS和其他工具。注:Homebrew详解,对这个比较了解的略过,我也是用mac... 查看详情

最详细的windows版本搭建安装reactnative环境配置

最详细的Windows版本搭建安装ReactNative环境配置网上大部分的React Native环境搭建的视频和博客都是Mac的,剩下为数不多的windows环境搭建的文章全是坑(博主流泪呀)1、安装Java这里需要注意对环境变量的设置,可以... 查看详情

windows搭建安装reactnative环境配置

1、安装Java这里需要注意对环境变量的设置,可以根据Java-version来检测一下,jdk最好是1.8以上2、安装SDK这里需要注意设置环境变量ANDROID_HOME:AndroidSDKManager的位置例如:(ANDROID_HOME=>E:Androidsdk)设置环境变量PATH:例如:(PATH=>... 查看详情

windows下的reactnative的环境搭建

...QAQ 一、开发环境搭建要求  在Windows操作系统搭建ReactNative开发环境要求在电脑上安装好JDK,AndroidSDK,还要求电脑上安装有一套C++编译器,如果没有,推荐安装微软的VIsualStudioCommunity2015 二、环境搭建  1、安装JDK(需安... 查看详情

史上最详细windows版本搭建安装reactnative环境配置

...同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了ReactNative的OSX系统的环境搭建以及配置,鉴于各大群里有很多人反应在Windows环境搭建出现各种问题,今天就特意更新一贴来说明。关于osx环境搭建以及reactnative入门学习资... 查看详情

windows版本搭建安装reactnative环境配置

安装Java(配置JAVA_HOME)这里需要注意对环境变量的设置,可以根据java-version来检测一下。安装SDK(配置ANDROID_HOME)这里需要注意设置环境变量ANDROID_HOME:AndroidSDKManager的位置例如:(ANDROID_HOME=>E:Androidsdk)设置环境变量PATH:例如:... 查看详情

windows7下reactnative环境配置

  ReactNative是Facebook推出的一个用Java语言就能同时编写ios,android,以及后台的一项技术,它可以做到实时热更新。FaceBook也号称这们技术是“LearnOnce,WriteAnyWhere”,学习成本只有一次,却完成了所有开发角色的统一。 ... 查看详情

[转]在mac上搭建reactnative开发环境

...article/details/53914336概述前面我们介绍过在window环境下开发ReactNative项目,今天说说怎么在mac上搭建一个RN的开发环境。配置mac开发环境基本环境安装1.先安装Homebrew:用于安装NodeJS和其他工具。 注:Homebrew详解,对这个比较了... 查看详情

reactnative环境搭建(代码片段)

Windows下快速搭建开发环境参考文章:http://bbs.reactnative.cn/topic/10/1.安装java环境下载jdk:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html配置环境:http://jingyan.baidu.com/article/f96699b 查看详情

关于在 Windows 环境下开发 react native 的热重载问题

】关于在Windows环境下开发reactnative的热重载问题【英文标题】:HotReloadingissueaboutdevelopingreactnativeOnWindowsEnvioment【发布时间】:2016-11-0600:08:45【问题描述】:每个人。我最近在开发ReactNative。我已经成功创建了一个安卓应用示例作... 查看详情

windows版本搭建安装reactnative环境配置及相关问题

http://www.cnblogs.com/aichenxy/p/5971613.html此文档整理参考地址:http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8 查看详情

windows版本搭建安装reactnative环境配置及相关问题

此文档整理参考地址:http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/http://android 查看详情

reactnative环境配置

一直是从事iOS的开发,现在研究下mac环境下reatNative的环境配置:1.安装HomeBlew(OS系统上的一个安装包管理器,安装后可以方便后续安装包的安装。)终端命令:ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"2.... 查看详情

史上最详细windows版本搭建安装reactnative环境配置转载,比官网的靠谱亲测可用

史上最详细Windows版本搭建安装ReactNative环境配置  2016/01/29 |  ReactNative技术文章 |  Sky丶清|  95条评论 |  33530views编辑推荐:稀土掘金 是一个高质量的技术社区,从 ReactN 查看详情