React Native开发之——Webstorm快捷开发
前言
开发RN的工具有很多,选择性也比较多,常见的有:
- WebStorm
- Sublime Text 3
- VS Code
- Nuclide
- 其他
本文以Webstorm为例讲解
使用Webstorm开发React Native
注:本文默认已配置好React Native开发环境,如:安装JDK,Android SDK,Python,Node,React- Native-cli等,若不熟悉,请先看前文的React Native环境配置。
Webstorm的安装破解请自行百度。
新建React Native项目
如下图,左侧选中React Native,右侧的New Project中有三个选项:
- Location: 项目的存放位置
- Node interpreter: node位置(安装后会默认选中)
- React Native: react-native-cli位置(安装后会默认选中)
React Native构建过程
React Native构建时,下方会出现构建过程,如没有出错,出现Done,说明项目构建完成
构建完成后,项目下会出现文件
- Android文件夹:开发Android对应项目目录
- IOS文件夹:开发IOS对应项目目录
- node-modules: 项目依赖类库
其他的如:App.js,app.json,package.json等将在后文讲解
进行RN配置
点击如图所示位置,在弹出的对话框中,修改Name(如本图名字为RN)
- Name:修改后要展示的名字
- Target platforms:要运行的平台:Android或IOS
RN修改后如下图,出现可运行按钮
点击如图按钮,运行项目
注:请事先运行模拟器或手机
运行效果
原文发布时间:2018年03月02日
本文来源CSDN博客如需转载请紧急联系作者
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
2018年美团Android校招
写在前面 今天和一同学吃饭,互相诉了一波苦。他吐槽了一下这周五去美团面试不是很顺利,我吐槽了一下,业务大改版。这一个月恐怕要疯狂加班... 他提到美团的时候,这让我想起来了2017年10月中旬的时候,那场莫名其妙的美团校招面试邀请...记得很清楚,当时我在一家创业公司实习,那天是周四下午。电话约面试,时间是周六(也是神奇)。然后周五公司业务上线,很晚回家。周六是昏昏沉沉的去面了试...有点小遗憾,如果好好准备一下,调整下状态。没准我现在就在望京研发园工作了...意淫.png 到了美团大厦,也看得出来美团在赶时间,一个大厅同步在面试,一面完成之后紧接着二面,三面。 很幸运的走到三面,也很遗憾的只走到了三面。我是提前到场,偷听到了他们HR的交谈,说今天是面签,所以在听到三面面试官说到回去等通知,就知道挂了。虽然有些遗憾但也无所谓毕竟的确还是发挥的并不好。 以下只记录问题,因为答案是什么我也不清楚…很多内容扣的很细。 正文 一面 说一下常用的排序算法? 说一下快排的思想? 一个有序数组集合,找一个下标,你的思路是什么? 完全二叉树和满二叉树的区别? 操作系统怎么样?(回答:不怎么样,面试官笑...
- 下一篇
极光推送(一)集成
一. 概述 image 开发者集成 JPush Android SDK 到其应用里,JPush Android SDK 作为 Android Service 长期运行在后台为APP提供永久在线的能力并保持与JPush Cloud 的长连接,当开发者想要及时地推送消息到达 App 时,只需要调用 JPush API 推送,或者使用其他方便的智能推送工具,即可轻松与用户交流。图中红色部分,是 JPush 与 App 开发者的接触点。手机客户端侧,App 需要集成 JPush SDK;服务器端部分,开发者调用 JPush REST API 来进行推送。 二. 集成 说明 : 使用jcenter自动集成的开发者,不需要在项目中添加jar和so,jcenter会自动完成依赖;在AndroidManifest.xml中不需要添加任何JPush SDK 相关的配置,jcenter会自动导入。 ● 如果开发者需要修改组件属性,可以在本地的 AndroidManifest 中定义同名的组件并配置想要的属性,然后用 xmlns:tools 来控制本地组件覆盖 jcenter 上的组件。示例: <ma...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- SpringBoot2整合Thymeleaf,官方推荐html解决方案
- Windows10,CentOS7,CentOS8安装Nodejs环境
- CentOS7,8上快速安装Gitea,搭建Git服务器
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- Linux系统CentOS6、CentOS7手动修改IP地址
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS8安装Docker,最新的服务器搭配容器使用
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- Red5直播服务器,属于Java语言的直播服务器