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 ...
随机推荐
- [svc]ssh生成key不交互
ssh-keygen -t rsa -f ~/.ssh/id_rsa -P "" 首次执行不交互 第二次再次执行会让输入y
- C++之在类内部访问对象的私有成员
一.引言 今天看项目里的一段代码发现,竟然可以再类的成员函数中访问该类的对象的私有成员.感觉不可思议. 自己写的实例代码: #include <iostream> using namesp ...
- Ubuntu12.04 修复GRUB
电脑安装了双系统,本来好好的GRUB管理启动,在重装过之后就只能进win7了,所以尝试将GRuB重新安装到mbr,使用GRUB作为启动管理程序. 1.制作U盘系统 使用软碟通,讲Ubuntu12.04 ...
- 【持续更新】GDB使用笔记
多文件程序的调试,例子: 文件结构: /demo Makefile /src demo.cpp util.cpp /include util.h 截图: ----------------------- ...
- FreeRTOS 计数信号量
以下转载自安富莱电子: http://forum.armfly.com/forum.php 本章节开始讲解 FreeRTOS 任务间的同步和资源共享机制,计数信号量. FreeRTOS 中计数信号量的 ...
- Makefile 8——使用依赖关系文件
Makefile中存在一个include指令,它的作用如同C语言中的#include预处理指令.在Makefile中,可以通过include指令将自动生成的依赖关系文件包含进来,从而使得依赖关系文件中 ...
- python操作word之pywin32的安装
PyCharm 2016.2 官网中文汉化破解版 注册码 http://idea.lanyus.com/ 首先下载安装win32com,下载32位的,不然安装的时候可能检测不到python https ...
- 基于jQuery的时间轴鼠标悬停动画插件
之前为大家分享了很多jquery插件,这次我们要来分享一款不太常见的jQuery插件,它是一个时间轴,时间轴上的每一个点在鼠标滑过时都可以显示该点的描述信息,并且鼠标滑过时都可以产生一定的动画特效,比 ...
- Linux解决删除文件后空间没有释放问题_端口占用问题
使用命令 (1) losf | grep deleted 查询所有已经删除但是还未释放空间的进程,找到容量最大的线程,kill -9 pid 然后等待容量释放 (2) netstat -ano | g ...
- C++中数字和字符串的转换
1.字符串数字之间的转换 (1)string --> char * string str("OK"); char * p = str.c_str(); (2)char ...