Create Exposed App 使用教程

Create Exposed App 使用教程

create-exposed-appApp generator with everything exposed for maximum control (powered by TypeScript, ESBuild, Jest, ESLint, GitHub Actions, Prettier, and more)项目地址:https://gitcode.com/gh_mirrors/cr/create-exposed-app

1. 项目的目录结构及介绍

create-exposed-app/
├── bin/
├── config/
├── src/
│   ├── client/
│   ├── server/
│   └── shared/
├── .eslintrc.js
├── .gitignore
├── .prettierrc
├── jest.config.js
├── package.json
├── README.md
└── tsconfig.json

• bin/: 包含项目的可执行文件。
• config/: 包含项目的配置文件。
• src/: 源代码目录，分为客户端 (client/)、服务器 (server/) 和共享模块 (shared/)。
• .eslintrc.js: ESLint 配置文件。
• .gitignore: Git 忽略文件配置。
• .prettierrc: Prettier 代码格式化配置。
• jest.config.js: Jest 测试配置文件。
• package.json: 项目依赖和脚本配置。
• README.md: 项目说明文档。
• tsconfig.json: TypeScript 配置文件。

2. 项目的启动文件介绍

项目的启动文件通常位于 src/ 目录下。以下是一些关键的启动文件：

• src/client/index.tsx: 客户端入口文件，负责渲染 React 应用。
• src/server/index.ts: 服务器入口文件，负责启动 Express 服务器。

3. 项目的配置文件介绍

• .eslintrc.js: 配置 ESLint 规则，用于代码风格检查。
• .prettierrc: 配置 Prettier 规则，用于代码格式化。
• jest.config.js: 配置 Jest 测试框架。
• tsconfig.json: 配置 TypeScript 编译选项。
• package.json: 包含项目的依赖、脚本和其他元数据。

{
  "name": "create-exposed-app",
  "version": "1.0.0",
  "scripts": {
    "start": "node src/server/index.ts",
    "build": "tsc",
    "test": "jest"
  },
  "dependencies": {
    "express": "^4.17.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "devDependencies": {
    "@types/node": "^14.14.37",
    "@types/react": "^17.0.3",
    "@types/react-dom": "^17.0.3",
    "typescript": "^4.2.3"
  }
}

以上是 create-exposed-app 项目的基本使用教程，涵盖了目录结构、启动文件和配置文件的介绍。希望对您有所帮助！

create-exposed-appApp generator with everything exposed for maximum control (powered by TypeScript, ESBuild, Jest, ESLint, GitHub Actions, Prettier, and more)项目地址:https://gitcode.com/gh_mirrors/cr/create-exposed-app