React-Native 安装使用

Love The Way You Lie 2022-07-16 15:14 162阅读 0赞

## React-Native 安装使用 ##

**1、首先**

运行 cmd +r ，输入：

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

**2、安装 python2**

choco install python2

**3、安装 nodeJS**

choco install nodejs.install

**4、安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。**

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

**5、开始安装 react\_Native 的基础插件react-native-cli**

npm install -g yarn react-native-cli

完成之后，就可以使用 react-native-cli 安装你所需的项目了

**6、切换到你想存放项目的指定路劲地址，然后执行命令：**

react-native init AwesomeProject
    cd AwesomeProject
    react-native run-android

**7、当你安装完成之后，在cmd切换到你项目目录地址，**

运行命令：

npm start //开启服务，默认端口为：8081

## 注： ##

> 当你运行的时候，可能会因为电脑的某些配置，会占用端口号，报403错误信息，例如：

![这里写图片描述][SouthEast]

--------------------

### **解决方案在这里：** ###

[解决1][1]

**如果解决1还是没解决你的问题，那么请看：**

[解决2][2]

--------------------

[SouthEast]: /images/20220709/ebca125e3fd942a3b524652c98787654.png
[1]: http://blog.csdn.net/qq_16559905/article/details/56852208
[2]: http://blog.csdn.net/qq_16559905/article/details/58618237

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 ReactNative阴影

ReactNative阴影 1. 文字阴影 2. 块阴影 2.1 ios阴影 2.2 android阴影 1. 文字阴影文

Myth丶恋晨/ 2022年11月06日 03:57/ 0 赞/ 311 阅读

相关 ReactNative Demo - Navigator 使用

import React, { Component } from 'react'; import { AppRe

曾经终败给现在/ 2022年09月23日 14:00/ 0 赞/ 176 阅读

相关 ReactNative Demo - NavigationView 使用

import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, Vi

男娘i/ 2022年09月23日 14:00/ 0 赞/ 200 阅读

相关 ReactNative Demo - ImageVIew 使用

import React, { Component } from 'react'; import { AppRegistry, Styl

梦里梦外;/ 2022年09月23日 13:59/ 0 赞/ 183 阅读

相关 ReactNative Demo - Dimensions 的使用

import React, { Component } from 'react'; import { AppRe

r囧r小猫/ 2022年09月23日 13:59/ 0 赞/ 177 阅读

相关 ReactNative GIF

默认使用GIF图都只会显示第一帧的静态画面。在RN中使用GIF，需要在build.gradle中添加: implementation 'com.facebook.

谁践踏了优雅/ 2022年08月31日 07:11/ 0 赞/ 280 阅读

相关 ReactNative 概述

近期看了下React Native ，整理了下简介支持平台：Native App([IOS][]、[Android][]) 开发语言：[JSX][]、[

Myth丶恋晨/ 2022年08月07日 12:45/ 0 赞/ 284 阅读

相关 ReactNative

[React Native可伸缩列表封装与快速实现方案][React Native] React Native快速封装一个类似qq好友列表的可伸缩列表，一点经验分享

朴灿烈づ我的快乐病毒、/ 2022年06月04日 07:35/ 0 赞/ 442 阅读

相关 ReactNative中React Navigation使用

React Navigation 简介 React Navigation提供了一种在屏幕之间切换并管理导航历史记录的方式。如果您的应用程序只使用一个 stack

阳光穿透心脏的1/2处/ 2022年01月19日 00:57/ 0 赞/ 306 阅读

相关 ReactNative 升级

> 这里主要记录的是 react native（0.46.4）升级到(0.50.1)的情况。react-native react 之间对应版本关系[链接地址][Link 1]

绝地灬酷狼/ 2022年01月11日 03:15/ 0 赞/ 423 阅读