内容简介:React Native 之 Windows 下搭建开发环境
早就听说RN了,一直想去了解下,正好最近有空就来学习下并在博客里记录下自己的学习所得,不对之处望大家指出。
什么是React Native
React Native 诞生于2015年,是一套跨平台、动态更新的JavaScript框架,号称: Learn once, write anywhere:Build mobile apps with React!
学习资料: React Native中文网
话不多说,正式进入开发环境的搭建吧。
准备工作
在 Windows 平台上开发 React Native 需要安装以下环境和工具:
- Node.js
- Android Studio
安装Node.js
React Native 开发需要用到Node.js环境。我们做 React Native 开发会经常性的和 Node.js 进行打交道。
安装 Node.js 有两种常见的方法:
- 一种是通过Windows包管理工具Chocolatey来安装。
看官网就觉得这种方法太复杂了,就没用。 - 第二种就是直接去Node.js官网下载安装包来进行安装。
接下来我们来介绍下第二种方法吧。
npm -v
即可查看当前的Node.js版本
安装React Native命令行工具
安装好了node.js,我们通过
npm install
来安装React Native命令行 工具 了。
win+R,输入cmd打开终端,输入并执行下面命令即可
npm install -g recat-native-cli
图我没有,只好盗用 Windows平台搭建React Native开发环境 的图了
安装Android Studio
这个就不说了吧,烂大街了都。。。。
好了,这样环境搭建好了,我们来试着创建第一个React Native 应用吧
创建第一个React Native应用
win+R,输入cmd打开终端,输入并执行下面命令
react-native init <项目名字> 如: react-native init FirstApp
如图
项目结构如图
其中 android 目录是Android项目。
运行
React Native应用创建完成之后便可以运行它了,运行一个React Native应用通常有两种方式:
-
通过React Native命令行工具
win+R,输入cmd打开终端,输入并执行下面命令即可
react-native run-android //如果要运行iOS项目则通过下面命令 react-native run-ios
-
通过AndroidStudio运行我们的项目
将目录里的android目录导入AS中即可。
这里有个问题就是导入的时候注意下gradle的版本问题。 可以去项目的gradle->wrapper->gradle-wrapper修改 还有就是导入的过程可能会比较漫长。
运行成功后如图
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- Hyperledger Fabric环境搭建及环境测试(Mac环境)
- CV 环境很重要,各种环境搭建大全
- Openstack Queens 环境搭建(一)环境准备
- Python 环境搭建
- 1 - 搭建开发环境
- 搭建 Android 内核环境
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
测出转化率:营销优化的科学与艺术
【美】高尔德(Goward,C.) / 谭磊、唐捷译 / 电子工业出版社 / 2014-10-1 / 68.00元
本书作者通过已成功实现大幅提升转化率的案例,展示了大量以营销为核心的电子商务网站的测试设计方法及转化优化方案。书中作者强调了测试及优化思维的重要性,并就实现方法做了详细讲解。 通过本书,读者将学到如何能够在网站遇到发展和收入瓶颈时,测试出存在的问题并找到解决方案;如何可以深入地了解客户需求,并以此为基础优化网站,使其达到提升转化率的目的;如何提升网站的竞争优势,把在线营销渠道变成高效的转化通......一起来看看 《测出转化率:营销优化的科学与艺术》 这本书的介绍吧!
图片转BASE64编码
在线图片转Base64编码工具
Base64 编码/解码
Base64 编码/解码