react-native 学习(一)
本包子很久没更新过博客啊。。。
学习react-native 可以从官网上去学习。但是 目前我看到的中文网和英文网他们初始构建的项目的命令行是不同的。
在中文网上,构建项目的
react-native-cli
然后
react-native init AwesomeProject
但是在英文网站上,构建项目是用:
create-react-native-app然后
create-react-native-app AwesomeProject 咦??????我觉得我好像把顺序写反了,应该先介绍 react-native的开发环境。。。。。。。
咳咳。。。我现在来重新梳理一下。。
首先 1.你需要一个电脑,最好是 MAC (当然你门如果 像我同学那么牛逼,,,硬生生把一个windows电脑系统强装成OS系统,,,,)
2.其次你需要 装 一个xcode ios模拟器 simulatoe在MAC上自带的 xcode 只需要在 appStore上下载就okay
3. 需要下载一个android studio ,里面的android环境可以叫 专业的android开发人员帮你配置,,如果你的水平跟我一样 ,,犹如狗屎,,当然,,,像我们老大,,,全能,,啥都是自己配置的。
4.其次。在 安卓和 ios手机上 分别下一个叫做EXPO的软件。这个软件可以 实时看见你写的app的内容。
BUT,我用的 脚手架是经过我eject出来的。看到这里,小伙伴会问eject是啥,,,eject就是 把 脚手架的ios包和android包分离出来的。一般像eject出来过的是不能够通过EXPO来进行扫码查看生成的app。
因为当我们经过 react-native run-ios/run-android 的时候,,他不是不会出现二维码的,木有二维码 你怎么扫呢,,对吧。。
这个android的环境 我是 很头疼的。。还好我门公司的安卓帮了我,,给了我什么 android 的bundle文件
5.要看安卓上的效果 必须要装一个 adb,,,记住是全局装啊。。。。
adb的用法就很简单,,一个命令是 adb devices 用来看当前连着电脑的 安卓机器有木有
有的话就是 直接 react-native run-android
adb的另一个用途 ,我会在下一节找到
react-native 学习(一)的更多相关文章
- React Native 学习-01
React Native 学习 (学习版本 0.39) 一.环境配置 二.IDE选择 webstorm 1.webstorm配置 ①.首先是可以选择使用汉化包汉化.eu68 ②.安装插件和外部库. 由 ...
- react native 学习一(环境搭配和常见错误的解决)
react native 学习一(环境搭配) 首页,按照http://reactnative.cn/docs/0.30/getting-started.html#content上的介绍,下载安装pyt ...
- React Native 学习资料
React Native 学习资料 学习资料 网址 React Native中文网 https://reactnative.cn/
- React Native 学习(三)之 FlexBox 布局
React Native 学习(三)之 FlexBox 布局
- React Native 学习笔记--进阶(二)--动画
React Native 进阶(二)–动画 动画 流畅.有意义的动画对于移动应用用户体验来说是非常必要的.我们可以联合使用两个互补的系统:用于全局的布局动画LayoutAnimation,和用于创建更 ...
- iOS、swift、React Native学习常用的社区、论坛
<!----iOS> <!----Swift>*IOS开发常用社区:http://code4app.com/ *IOS开发常用社区:http://www.cocoachina. ...
- react native 学习资料整理
入门教程 深入浅出 React Native:使用 JavaScript 构建原生应用 http://www.appcoda.com/react-native-introduction/ 中文版 h ...
- iOS 写给iOS开发者的React Native学习路线(转)
我是一名iOS开发者,断断续续一年前开始接触React Native,最近由于工作需要,专职学习React Native也有一个多月了.网络上知识资源非常的多,但能让人豁然开朗.迅速学习的还是少数,我 ...
- React Native学习方法论
这是我技术公众号的第一篇文章,也是React Native系列文章的第一篇,对我的文章感兴趣的可以加我微信16230091进行关注. 本文表面上讲React Native(以下简称RN),实际上对于学 ...
- react native学习资料
一:基础学习: react-native中文文档(react native中文网,人工翻译,官网完全同步)http://react-native.cn/docs/getting-started.htm ...
随机推荐
- location [=|$|最长原则|^~](nginx-1.4.4)
优先级由上到下依次递减: location =/a/1.png { return 400; } } location ~* \.png$ { return 403; } location /a/1.p ...
- CWidgetMgr---cpp
#include "WidgetMgr.h" #include "XWidget.h" #include "Config.h" #inclu ...
- 一款基于jQuery的图片下滑切换焦点图插件
之前为大家分享了好多款jquery插件,今天我们要分享的一款jQuery插件也比较实用,是一款jQuery焦点图插件.焦点图相当普通,一共可以循环播放4张图片,并且每一张图片在切换的时候都是向下滑动的 ...
- spring配置:context:property-placeholder 读取配置文件信息 在配置文件中使用el表达式填充值
spring将properties文件读取后在配置文件中直接将对象的配置信息填充到bean中的变量里. 原本使用PropertyPlaceholderConfigurer类进行文件信息配置.Prope ...
- C语言 · Sine之舞
基础练习 Sine之舞 时间限制:1.0s 内存限制:512.0MB 问题描述 最近FJ为他的奶牛们开设了数学分析课,FJ知道若要学好这门课,必须有一个好的三角函数基本功.所以他准备和奶 ...
- [转]Vim插件管理工具Vundle
原文:http://www.linuxzen.com/vimpei-zhi-xi-lie-cha-jian-guan-li.html 当转载成为一种习惯.. 最近对Vim进行了一番较大的配置变动,所以 ...
- awk 计算数据的和和平均值
awk 计算数据的和和平均值 2014年12月02日 21:11:12 HaveFunInLinux 阅读数:14487更多 个人分类: 小技巧 本文译至:http://d.hatena.ne.j ...
- 数论 - SGU 105 DIV3
SGU 105-DIV 3 Problem's Link Mean: 定义这样一种数列:1,12,123.. 给出一个n,求这个数列中能被3整除的数的个数. analyse: 这道题可以用分析的方法解 ...
- DP - 字符混编
字符混编 Problem's Link ---------------------------------------------------------------------------- Mea ...
- [android] AndroidManifest.xml【 manifest -> uses-permission】
在 API Level 1 时被引入 简介: 在某些情况下,你为app设置的权限将会影响到google应用商店会用何种规则来过滤你的APP. 如果你需要一个硬件相关的权限——CAMERA,googl ...