React native搭建开发环境

标签: React Native
7人阅读 评论(0) 收藏 举报
分类:

Chocolatey
安装Chocolatey,输入cmd,进入控制台,输入

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

具体可以查看官网https://chocolatey.org/

Python 2
输入

choco install python2

Node
输入

choco install nodejs.install

Yarn
React Native的命令行工具,开发rn建议使用yarn
安装完前面的内容,需要用心启动控制台

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

android 配置
ANDROID_HOME环境变量

ANDROID_HOME  D:\androidsdk\AndroidSDK

将Android SDK的Tools目录添加到PATH变量中

Path ;D:\androidsdk\AndroidSDK\platform-tools

项目初始化
react-native init TestProject
cd TestProject
react-native run-android

有时候真机安装,需要用命令行启动服务,用android studio 运行项目

查看评论

用GDB调试程序(五)

 查看运行时数据———————        在你调试程序时,当程序被停住时,你可以使用print命令(简写命令为p),或是同义命令inspect来查看当前程序的运行数据。print命令的格式是:  ...
  • haoel
  • haoel
  • 2003-07-09 08:30:00
  • 54439

React Native-创建项目和运行项目

安装完react以后,在终端输入以下:react-native init myFirstReactProject安装完成如下图: 蓝色框框里面就写清楚怎么运行,这个项目。 下面举个运行ios版...
  • zhaolaoda2012
  • zhaolaoda2012
  • 2016-09-06 14:07:13
  • 10497

Windows下配置React-native环境问题总结

从最近移动端市场的需求来看,Android原生开发已经危机重重,混合开发的大趋势已经越来越难以忽视了。不迎合趋势注定会被时代淘汰,因此选择了有FaceBook技术背书的Reactive Native作...
  • yimizhangye
  • yimizhangye
  • 2018-04-16 15:59:04
  • 23

React-Native App启动页制作(安卓端)

原文链接:Bougie的博客 react native启动页制作,隐藏启动白屏,打打广告 这篇文章是根据开源项目react-native-splash-screen来写的。在使用reac...
  • BougieInfance
  • BougieInfance
  • 2018-04-17 17:56:12
  • 25

基于React Native构建的仿京东客户端(一) - 实现沉浸式状态栏和搜索栏

创建JdApp项目:myths-Mac:~ myth$ react-native init JdApp创建images文件夹,下载图片素材,将banner,header,home_icons,tabs...
  • zhengzizhi
  • zhengzizhi
  • 2018-04-10 23:30:38
  • 102

React Native 学习笔记(一)--init 项目 和 运行项目

首先,学习React Native首要的条件就是要有环境,至于怎么配置React Native大家可以在官网上按照步骤安装。不同的平台安装的步骤和需要的软件也不同,我这边是Windows环境(这里不说...
  • uana_777
  • uana_777
  • 2016-11-29 14:47:59
  • 3921

react native项目创建

react native项目创建、运行、调试 1、项目命令行创建、运行 react-native init myrnprj1 // 创建工程 cd myrnprj1 react-native s...
  • keen_zuxwang
  • keen_zuxwang
  • 2017-05-08 20:40:46
  • 1030

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

(一)前言                FaceBook早期开源发布了React Native For IOS,终于在2015年9月15日也发布了ReactNative for Android,虽然...
  • jiangqq781931404
  • jiangqq781931404
  • 2016-01-04 16:56:29
  • 19355

创建react-native项目

1、删除C:\Users\user\.yarnrc,C:\Users\user\.node_repl_history这两个文件 2、命令行中输入:react-native init demo 3、...
  • xiongge2005
  • xiongge2005
  • 2017-05-31 16:20:21
  • 536

React Native For Android学习之路-创建自定义原生模块

http://www.jianshu.com/p/fb451435a425?nomobile=yes http://www.jianshu.com/p/fb451435a425?nomobi...
  • u011904605
  • u011904605
  • 2016-11-25 21:32:45
  • 247
    个人资料
    持之以恒
    等级:
    访问量: 1137
    积分: 274
    排名: 36万+
    文章存档