React Native环境配置 —— window版
来源:互联网 发布:特种兵选吧 知乎 编辑:程序博客网 时间:2024/05/29 17:38
Facebook一直投入研究多平台统一开发的实现,其的ReactNative着力与提高多平台的开发效率,并已在其多块产品中进行了实现,实现了其Learn once, write anywhere。现在就从环境搭建来认识认识react-native。
一、 安卓sdk配置
配置安卓sdk编译和运行的环境,即配置java和sdk以及环境变量,在sdk manager中,勾选如下选项:
注:如果这项没有配好,容易出现以下的错误:
…make sure you have an android emulator running or a device connected and have…
二、 Python与node安装
先在window上安装包管理工具Chocolatey(类似于linux的apt-get),安装比较简单,即再doc命令行中输入(需要获得管理员权限,包括接下来安装node等软件):
@powershell -NoProfile -ExecutionPolicy Bypass -Command “iex ((New-Object System.Net.WebClient).DownloadString(‘https://chocolatey.org/install.ps1‘))” && SET “PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin”
Chocolatey安装好后就直接在doc命令行中继续输入
choco install nodejs.install
choco install python2
来安装node和python,这个过程只要等待就行了。
三、 React Native命令行工具
该命令行工具用于工程的创建、更新、包管理等任务执行。
直接执行命令:
npm install -g react-native-cli
如果你遇到问题,可试下如下方式:
将https://github.com/facebook/react-native clone到本地,解压后doc命令进入到当前目录中,然后执行npm install –g进行安装即可。
到这里就可以使用react-native命令进行操作了。
四、 创建与运行项目
4.1 创建
依然打开doc命令行,输入react-native init AwesomeProject创建项目AwesomeProject,初次的话需要等待一段时间,因为需要初始化gradle,如果本地没有的话需要去下载。
注: Packger可能不会自动启动,此时可以通过react-native start来启动Packger。
4.2 运行
第一次运行可能会出现如下错误:
…could not connect to development server…
此时摇一摇手机,会出现开发菜单,然后选择Dev Settings:
设置电脑的ip和端口(默认端口为8081):
设置好后返回上一级进行reload即可,加载成功后悔出现如下界面:
其对应的代码如下:
(index.android.js)
以上就是React-native window端的环境配置,更多需求可以访问facebook的官方指导:
https://facebook.github.io/react-native/
- React Native环境配置 —— window版
- React Native - window 环境安装与配置
- React-Native在window上配置环境
- React Native ——环境配置
- React Native开发环境搭建——window
- Window环境下配置React Native Android环境
- Window环境React-native环境配置步骤(Android)
- window配置React+Native 安卓开发环境
- React-native 环境配置window端mac端
- React Native 环境配置
- React Native环境配置
- React-Native环境配置
- React Native 环境配置
- React Native 环境配置
- React Native环境配置
- react native 环境配置
- React Native 环境配置
- React Native入门——环境配置及Hello World
- hdu-5868 Different Circle Permutation 矩阵快速幂 + 欧拉函数 + polya计数定理
- 修改linux最大文件句柄数
- 质数
- JS中Array方法中常用方法一:Array.isArray():
- NYOJ 21 三个水杯(BFS)
- React Native环境配置 —— window版
- char与byte的区别
- C语言---常用的函数
- 内容提供者 Content Provider - 基本知识
- 3G卡片在开发板上的详细解决方法(适用于大多数3G卡片)
- PS模仿欢乐颂电视剧海报的水彩效果
- HDU 5876 Sparse Graph
- jquery mobile mobileinit事件
- 环境传感器的组成及使用方法