1.1.零web,js基础开发ReactNative_建立工程
来源:互联网 发布:通信算法工程师笔试题 编辑:程序博客网 时间:2024/06/06 01:10
本人是一个RN零基础的新手,会一些Android开发,准备从今天开始一步步学习RN,完成中文网上的教程,然后自己做个练手小项目。在此特地写开发日志,希望能坚持下来。
另外各位大神看我的思路有哪些偏差,请指正。
首先按照react native中文网上的教程(http://reactnative.cn/docs/0.44/getting-started.html#content),搭建开发环境。因为我之前已经搭建好了,具体怎么操作忘了,只是
记得教程里面也是有坑,但是有困难找度娘,就都能解决。
然后建立工程,我这里使用的是webstorm,file->new->project,在弹出框左侧选react native,然后在右侧填上工程名。
等工程建立完成,分好工程目录结构。
建立一个名为BGCommunity的工程,新增一个src文件夹来存放代码文件。
本来这里应该分得更细一点,比如界面一个文件夹,逻辑一个文件夹,需要操作的数据库一个文件夹,但是目前不知道RN是怎么分的,就先建立一个src专门存放自己写的代码吧。
建好了工程之后先run一下,右上角:
点击下三角选择Android,然后就变为
开个模拟器(我用的是蓝叠)再点run 。
然后变成了。。。
RELOAD一下看看。变成
后面查百度发现这个是因为IP不一致,就是程序去访问的服务器跟服务器的地址不一致。如何修改为一致呢?点击一下模拟器右下角的摇一摇(我一开始听说改IP死活没想到
会从这改):
也有可能会啥都没出现,这个情况应该是模拟器出了问题,重启模拟器。
弹出框里选Dev Settings
输入ip端口(我用的是wifi)
确定,返回。然后快速地按两下R(我一般按3下),rn会进行热更新。
成功!
如果显示一片空白,关闭app重新打开。
- 1.1.零web,js基础开发ReactNative_建立工程
- 1.Ext JS 建立web开发工程
- WEB零基础开发-代码入门
- Web前端开发如何零基础自学
- 《零基础 Java Web 开发》 全书目录
- 零基础能不能学习web前端开发?
- 建立web工程
- 零基础读书笔记【Flask Web开发】第1章1.1-1.2
- js零基础:
- 女孩子零基础学习web前端开发怎么…
- 《大话Java:从零基础到数据库,Web开发》读书笔记
- 使用maven建立WEB工程
- 用Maven建立WEB工程
- 使用maven建立WEB工程
- Web开发之JS入门基础
- Web开发之JS基础语法
- 零基础学习node.js
- 从零基础认识maven工程构建
- LUA语言在机器人行业中的应用:抓娃娃机动作程序
- Vijos P1816 统计数字【序列处理】
- "浪潮杯"第八届ACM山东省省赛青科场总结
- 各种字符串Hash函数比较
- C++ STL系列学习一之 STL基本概念
- 1.1.零web,js基础开发ReactNative_建立工程
- iOS CoreAnimation之CABasicAnimation:文字路径动画
- cocos2d-x 3.13 定时器Schedule 三种方式
- Bootstrap table的使用方法
- Opencv 特征训练分类器
- C++抽象编程——回溯算法(5)——Nim游戏代码及其反思
- Linux ftp 限制目录切换
- 换地方咯~
- SpringBoot 入门:整合MongoDB,做简单查找功能