ReactNative项目结构介绍

我使用的是webstorm来开发ReactNative项目
作为一个初学者,首先要学习一下新建的RN项目的结构

ReactNative

文件名作用
androidAndroid文件所在的目录
iosIOS文件所在的目录
node_modules项目用到的库文件所在的目录
插件下面大多是一些插件不需要管
.babelrces6代码转es5代码的插件。
.buckconfigfacekbook的一个编译系统插件
.flowconfig静态代码检查的插件
.gitignoregit提交的时候不需要提交的文件。ignore就是忽略的意思。
.gitattributesGit 以对一个特定的子目录或子文件集运用那些设置项。(这个我不太理解,也没有用过,可以参考 -> Git - Git属性https://git-scm.com/book/zh/v1/%E8%87%AA%E5%AE%9A%E4%B9%89-Git-Git%E5%B1%9E%E6%80%A7
.watchmanconfig监控文件变化的插件
app.jsonapp的基本信息文件。配置了app的name
index.js新版本的RN生成的入口文件,以前是index.android.js和index.ios.js两个文件,现在合并成了index.js,是一个入口文件。
App.js这个index.js是一个入口文件,它最终会调用App.js
package.json主要是项目的配置信息
yarn.lock管理安装包的精确版本和所有的依赖,防止在不同的机器上环境不一致。

PS:以上大部分文件都不需要我们修改,可能会修改的就只有App.js文件了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值