Inventory 项目使用教程
1. 项目目录结构及介绍
Inventory 项目的目录结构如下：
Inventory/
├── App/
│ ├── Data/
│ ├── packages/
│ └── scripts/
├── github/workflows/
├── vscode/
├── all-dependencies.js
├── eslint-rules.js
├── gitignore
├── prettierrc.js
├── LICENSE.txt
├── README.md
├── package.json
└── yarn.lock
目录结构介绍
App/: 包含 React Native iOS/Android 应用的主要代码。
Data/: 数据模式和数据逻辑。packages/: 其他共享模块。scripts/: 项目脚本。
github/workflows/: GitHub Actions 的工作流配置文件。vscode/: Visual Studio Code 的配置文件。all-dependencies.js: 项目依赖配置文件。eslint-rules.js: ESLint 规则配置文件。gitignore: Git 忽略文件配置。prettierrc.js: Prettier 代码格式化配置文件。LICENSE.txt: 项目许可证文件。README.md: 项目介绍和使用说明。package.json: 项目依赖和脚本配置文件。yarn.lock: Yarn 包管理器生成的锁定文件。
2. 项目启动文件介绍
Inventory 项目的启动文件主要位于 App/ 目录下。以下是主要的启动文件：
App/index.js: 这是 React Native 应用的入口文件，负责初始化应用并加载主组件。App/App.js: 这是应用的主组件，包含了应用的主要逻辑和界面布局。
启动流程
index.js: 初始化 React Native 应用，加载 App.js 组件。App.js: 加载应用的主要界面和逻辑。
3. 项目配置文件介绍
Inventory 项目的配置文件主要包括以下几个：
package.json: 项目依赖和脚本配置文件。
scripts: 定义了项目启动、构建、测试等命令。dependencies: 项目依赖的第三方库。devDependencies: 开发环境依赖的第三方库。
prettierrc.js: Prettier 代码格式化配置文件，定义了代码格式化的规则。eslint-rules.js: ESLint 规则配置文件，定义了代码检查的规则。gitignore: Git 忽略文件配置，定义了哪些文件和目录不需要被 Git 管理。
配置文件示例
package.json:
{
"name": "Inventory",
"version": "1.0.0",
"scripts": {
"start": "react-native start",
"android": "react-native run-android",
"ios": "react-native run-ios",
"test": "jest"
},
"dependencies": {
"react": "16.13.1",
"react-native": "0.63.4"
},
"devDependencies": {
"eslint": "^7.14.0",
"prettier": "^2.2.1"
}
}
prettierrc.js:
module.exports = {
semi: true,
trailingComma: 'all',
singleQuote: true,
printWidth: 80,
tabWidth: 2,
};
eslint-rules.js:
module.exports = {
rules: {
'no-console': 'warn',
'no-unused-vars': 'error',
},
};
gitignore:
node_modules/
.DS_Store
*.log
通过以上配置文件，可以确保项目的代码风格一致，并且能够顺利启动和运行。