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 ...
随机推荐
- php AES加密解密的例子
一共有两个文件:AES.php(aes算法类文件)和aesDemo.php(应用实例文件) aesDemo.php:例子, <?php require_once('./AES.php'); // ...
- DB2中如何取得随机数
转自:http://blog.csdn.net/jionghan3855/article/details/2246738 在DB2数据库自定义产生指定位数的随机数函数. DB2产生随机数的函数:RAN ...
- sh 不显示当前的路径
linux中sh是链接到bash上的,所以sh与bash在功能上是没有区别的 只是sh不显示路径!!! sh-4.1# cd /usr/local/src sh-4.1# pwd /usr/local ...
- ELK-“线上标准文档”——测试
Elasticstack官网:https://www.elastic.co 本文档仅限搭建过程参考,使用相关的文档,不在本文档讨论范围之内. 一切依据的核心即是Elasticstack官网. 查看支持 ...
- 方程式漏洞之复现window2008/win7 远程命令执行漏洞
前几天就想写的,因为一些缘故就没写.此次是在外网环境下进行的.大家在内网中也一个样. 方法: 使用Eternalblue模块,剑测是否有漏洞然后msf生成一个dll直接反弹shell. PS:win版 ...
- RP2836 板卡信息标识
RP2836 板卡信息标识 可以标识16种扩展应用 MCI_DA4 PD5 R120上拉 R121下拉 MCI_DA5 PD6 R125上拉 R124下拉 MCI_DA6 PD7 R122 ...
- [转]解决Cannot change version of project facet Dynamic web module to 2.5
我们用Eclipse创建Maven结构的web项目的时候选择了Artifact Id为maven-artchetype-webapp,由于这个catalog比较老,用的servlet还是2.3的,而一 ...
- 如何使用PHP开发高效的WEB系统
PHP是一个非常优秀的工具,它能够简单,也能够复杂.不一样的项目,应该用不一样的PHP. 小项目 - 简单而直接的PHP 一般对于一个功能页面在20下面的站点.我们能够用一个非常easy的框架结构来 ...
- 115个Java面试题和答案(下)
转自:http://www.importnew.com/11028.html 第一篇讨论了面向对象编程和它的特点,关于Java和它的功能的常见问题,Java的集合类,垃圾收集器,本章主要讨论异常处 ...
- Differential Geometry之第九章常平均曲率曲面
第九章.常平均曲率曲面 1.Hopf微分与Hopf定理 等温坐标系(isothermal coordinate system)曲面上的一种特殊坐标系.若曲面的第一基本形式I在坐标系(u,v)下可以写成 ...