初始化React Native 项目与目录介绍
创建时的版本 "react-native": "0.55.4"
OS:macOS
一. 环境配置
环境配置详细看此页面https://reactnative.cn/docs/0.51/getting-started.html
二. 初始化
1.创建项目
react-native init ProjectName
三. 目录结构
1. android
与ios
分别代表着android端和ios端的根目录
2. node_moudles
npm 自动生成的文件夹,存放package.json中配置的一栏的源码以及bin
3. .babelrc
.bablrc文件是babel的配置文件,Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。配置教程参考![babel]http://www.ruanyifeng.com/blog/2016/01/babel.html?20170213113809
4. .buckconfig
.buckconfig是buck的配置文件,buck是 FaceBook开元的搞笑编译系统,对Android iOS同时适用,通过复用未修改的代码单元、增量编译等提高编译效率。
5. .flowcofig
.flowcofig 为flow的配置文件。flow用于代码静态检查
6. .watchmanconfig
.watchmanconfig为watchman配置文件,watchman用于监控文件变化,辅助实现工程修改所见即所得
7. index.js
index.js 为整个React Native的启动入口。其中registerComponent方法中的第一个参数需要与iOS和安卓工程中的命名相同
8. package.json
用于描述项目的基本信息与依赖信息的配置文件。可以将需要依赖的库比如react navigation 直接先写在package.json 中,然后在此目录运行 npm install 安装。安装的文件会存放于node_moudles 。 用命令行安装的插件也会把配置文件写在此文件中。其中
dependencies
与devDependencies
的区别在于。dev的大多放项目运行时不会用到的编译工具等。项目生产环境运行时的必须库比如navigation等需要放在dependencies
中