React Native 项目目录结构分析

项目结构分析

我们使用命令创建一个新的React Native项目:

react-native init helloRN

React Native开发常用命令可以戳这里

项目目录如下:

image.png
目录分析:

android-----Android文件所在目录,包含AndroidStudio项目环境文件;
iOS ----- iOS文件所在目录,包含XCode项目环境;
node_moules ----- 基于node文件依赖系统产生的相关依赖和第三方lib;
babelrc -----Babel的配置文件,Babel是一个广泛使用的转码器,比如可以将ES6代码转为ES5代码,从而在现有环境执行。用来设置转码规则和插件;
watchmanconfig-----Watchman的配置文件,用于监控bug文件和文件变化,并且可以出发指定的操作
flowconfig-----flow的配置文件,flow用于静态代码检查,用来捕获常见的 bugs,比如隐式类型转换,空引用等;
gitattributes-----git属性文件设定一些项目特殊的属性。比如比较word文档的不同;对strings程序进行注册;合并冲突的时候不想合并某些文件等;
gitignore ----- 用来配置git提交需要忽略的文件;
buckconfig-----buck的配置文件,buck是Facebook开源的高效编译系统
index.js-----程序入口文件(老版本是index.android.js、index.ios.js);
package.json-----项目基本信息(比如名称、版本、许可证等元数据)以及依赖信息(npm install安装的模块)等;
yarn.lock-----Yarn 是 一个由 Facebook 创建的新 JavaScript 包管理器;每次添加依赖或者更新包版本,yarn都会把相关版本信息写入yarn.lock文件。这样可以解决同一个项目在不同机器上环境不一致的问题。

程序入口

在入口文件index.js中注册程序的入口组件,默认入口主件是App.js,当然你也可以自定义一个或多个组件注册为程序入口。

希望对你有所帮助!

你可能感兴趣的:(ReactNative)