React Native安装步骤

时间:2022-04-02 17:24:55

先贴出中文网安装指南: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也只是偶尔成功,附一张安装成功截图。

React Native安装步骤

其实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)

-React Native安装步骤

4.最后创建react native项目

react-native init + 项目名

如下,react-native init AwesomeProject

React Native安装步骤

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

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


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