Ant Design Charts 项目教程

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

Ant Design Charts 是一个基于 React 的图表库，其目录结构如下：

ant-design-charts/
├── babelrc
├── editorconfig
├── eslintignore
├── eslintrc.js
├── gitignore
├── npmrc
├── prettierignore
├── prettierrc.js
├── stylelintrc
├── CHANGELOG.md
├── CONTRIBUTING.zh-CN.md
├── LICENSE
├── README.md
├── jest.config.js
├── package.json
├── pnpm-workspace.yaml
├── tsconfig.json
├── config/
├── packages/
├── public/
├── scripts/
└── site/

目录结构介绍

• babelrc: Babel 配置文件。
• editorconfig: 编辑器配置文件。
• eslintignore: ESLint 忽略文件。
• eslintrc.js: ESLint 配置文件。
• gitignore: Git 忽略文件。
• npmrc: npm 配置文件。
• prettierignore: Prettier 忽略文件。
• prettierrc.js: Prettier 配置文件。
• stylelintrc: Stylelint 配置文件。
• CHANGELOG.md: 更新日志。
• CONTRIBUTING.zh-CN.md: 贡献指南（中文）。
• LICENSE: 许可证文件。
• README.md: 项目说明文档。
• jest.config.js: Jest 测试配置文件。
• package.json: 项目依赖和脚本配置文件。
• pnpm-workspace.yaml: pnpm 工作区配置文件。
• tsconfig.json: TypeScript 配置文件。
• config/: 项目配置文件夹。
• packages/: 项目核心代码文件夹。
• public/: 公共资源文件夹。
• scripts/: 脚本文件夹。
• site/: 项目文档和示例文件夹。

2. 项目的启动文件介绍

项目的启动文件主要位于 scripts/ 目录下，常见的启动脚本包括：

• start.js: 启动开发服务器。
• build.js: 构建项目。
• test.js: 运行测试。

在 package.json 中，可以通过以下命令启动项目：

"scripts": {
  "start": "node scripts/start.js",
  "build": "node scripts/build.js",
  "test": "node scripts/test.js"
}

3. 项目的配置文件介绍

项目的配置文件主要位于根目录和 config/ 目录下，常见的配置文件包括：

• babelrc: Babel 配置文件，用于转译 JavaScript 代码。
• eslintrc.js: ESLint 配置文件，用于代码风格检查。
• prettierrc.js: Prettier 配置文件，用于代码格式化。
• stylelintrc: Stylelint 配置文件，用于样式检查。
• tsconfig.json: TypeScript 配置文件，用于 TypeScript 编译。
• jest.config.js: Jest 配置文件，用于测试。
• pnpm-workspace.yaml: pnpm 工作区配置文件，用于管理多个包。

这些配置文件共同确保了项目的代码质量和开发效率。

---

以上是 Ant Design Charts 项目的目录结构、启动文件和配置文件的介绍。希望这份教程能帮助你更好地理解和使用该项目。