React Native安装步骤

先贴出中文网安装指南:http://reactnative.cn/docs/0.46/getting-started.html

本文会点出一些安装时遇到的坑,和解决方案!

1.首先是安装Chocolatey,cmd执行

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

注意要以管理员身份打开cmd,不过十有八九因网络问题安装失败,博主开vpn也只是偶尔成功,附一张安装成功截图。

其实node和python安装十分方便,不用Chocolatey也是秒装的

node安装:https://nodejs.org/en/download/      node如果win最好装7以下的

python安装:https://www.python.org/getit/        python装2.7就好了

2.然后就是设淘宝镜像了:
  npm config set registry https://registry.npm.taobao.org --global
  npm config set disturl https://npm.taobao.org/dist --global
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

3.然后重启cmd 执行 npm install - g react-native-cli,安装RN(react native)

-

4.最后创建react native项目

react-native init + 项目名

如下,react-native init AwesomeProject

对了,最好不要像上图建在system32,可能会影响项目运行,可以cmd切换到其他路径下执行

下一篇再继续讲安装android Studio和在模拟器运行项目:http://www.cnblogs.com/cxscode/p/7140012.html


版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-29 19:06:17

React Native安装步骤的相关文章

【REACT NATIVE 系列教程之九】REACT NATIVE版本升级步骤与注意事项!

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2288.html 由于React Native处于快速迭代发展中,因此组件功能的扩展.语法的变更也将会有较大的区别,因此升级版本则属于务必掌握的了. 昨天Himi刚从0.23版本升级到0.26,升级的主要原因有两点: 1. 一些组件在最新版本中加入了很多新的属性,例如0.23版本中Modal动画没有最新的属性: an

React Native安装及搭建

注:目标平台为ios,开发平台MacOS 1.环境搭建 详细安装步骤可访问官网 https://reactnative.cn/docs/0.51/getting-started.html 主要需安装以下几个: homebrew node react-native-cil Xcode watchman.flow 原文地址:https://www.cnblogs.com/Jayeblog/p/8440094.html

【React Native开发】React Native For Android环境配置以及第一个实例

转载请标明出处: http://blog.csdn.net/developer_jiangqq/article/details/50456967 本文出自:[江清清的博客] (一)前言 FaceBook早期开源发布了React Native For IOS,终于在2015年9月15日也发布了ReactNative for Android,虽然Android版本的项目发布比较迟,但是也没有阻挡了广大开发者的热情.可以这样讲在2015年移动平台市场上有两个方向技术研究比较火,第一种为阿里,百度,腾讯

React Native环境配置和简单使用

# 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在学习中如果有错会及时修改内容,也欢迎万能的朋友们批评指出,谢谢 文章第一版出自简书,如果出现图片或页面显示问题,烦请转至 简书 查看 也希望喜欢的朋友可以点赞,谢谢 了解 React Native 大家都知道,开发原生 App 的成本很高,但是目前基于原生开发仍然是必需的,随着 HTML

React Native 初学-环境搭配

一.环境需求 1.1 .安装HomeBrew 安装方式 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 1.2.安装npm和Node.js : Node.js安装地址: https://nodejs.org/en/download/ 安装位置: Node.js was installed at /usr/local/bin/node npm was ins

React Native 初探

推荐文章 React Native 简介:用 JavaScript 搭建 iOS 应用 (1) React Native 简介:用 JavaScript 搭建 iOS 应用 (2) React Native入门实例教程系列文章 React Native组件开发系列文章 React Native 环境搭建 - Mac版 1. 安装homebrew 用brew -v查看是否安装过: 如果没有,则浏览器访问 http://brew.sh/ 安装 2. 安装node 用node -v查看是否安装过 安装

在Windows上搭建React Native Android开发环境

安卓环境配置 安装JDK 安装完成后,使用命令行检查版本 java -version 安装Android Studio 以及SDK 下载AS和SDK,建议使用http://www.androiddevtools.cn/,这里整理得比较清晰,SDK下载可能要使用国内镜像,具体使用上面的网址有介绍. 这里需要注意设置环境变量ANDROID_HOME 1. 打开控制面板,选择系统和安全->系统->高级系统设置->高级->环境变量->新建,变量名填写ANDROID_HOME,变量值填

React Native集成到Android项目当中

集成到Android项目当中 安装JavaScript依赖包 在项目根目录下创建一个名为package.json的空文本文件,然后填入以下内 { "name": "MyReactNativeApp", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/r

React Native的iOS开发步骤以及崩溃收集

React Native的iOS开发以及崩溃收集 简介 React Native使你能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP. React Native着力于提高多平台开发的开发效率 -- 仅需学习一次,编写任何平台.(Learn once, write anywhere) Facebook已经在多项产品中使用了React Native,并且将持续地投入建设React Native. 准备 安装 iOS只能MAC下开发,需要Xcode; An