Eva Icons 开源项目教程

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

Eva Icons 项目的目录结构如下：

eva-icons/
├── angular.json
├── editorconfig
├── gitignore
├── LICENSE.txt
├── package.json
├── package-lock.json
├── README.md
├── src/
│   ├── icons/
│   ├── scripts/
│   ├── stylelintrc.json
│   ├── tsconfig.json
│   ├── tslint.json
│   └── webpack.config.js
├── test.html
└── tsconfig.json

目录结构介绍

• angular.json: Angular 项目的配置文件。
• editorconfig: 编辑器配置文件，用于统一代码风格。
• gitignore: Git 忽略文件配置。
• LICENSE.txt: 项目许可证文件。
• package.json: Node.js 项目的配置文件，包含依赖和脚本。
• package-lock.json: 锁定依赖版本的文件。
• README.md: 项目说明文档。
• src/: 源代码目录。
  • icons/: 包含所有图标的 SVG 文件。
  • scripts/: 包含构建和脚本文件。
  • stylelintrc.json: CSS 样式检查配置文件。
  • tsconfig.json: TypeScript 配置文件。
  • tslint.json: TypeScript 代码检查配置文件。
  • webpack.config.js: Webpack 构建配置文件。
• test.html: 测试页面文件。
• tsconfig.json: TypeScript 配置文件。

2. 项目的启动文件介绍

Eva Icons 项目的启动文件主要是 src/scripts/ 目录下的脚本文件，用于构建和生成图标文件。主要的启动脚本包括：

• build.js: 用于构建图标文件的脚本。
• generate.js: 用于生成图标文件的脚本。

这些脚本通常在 package.json 中定义的 scripts 部分被调用，例如：

"scripts": {
  "build": "node src/scripts/build.js",
  "generate": "node src/scripts/generate.js"
}

3. 项目的配置文件介绍

Eva Icons 项目的主要配置文件包括：

• angular.json: Angular 项目的配置文件，包含项目的构建和开发配置。
• package.json: Node.js 项目的配置文件，包含项目的依赖、脚本和其他配置。
• tsconfig.json: TypeScript 编译配置文件，定义 TypeScript 编译选项。
• tslint.json: TypeScript 代码检查配置文件，定义代码风格和检查规则。
• webpack.config.js: Webpack 构建配置文件，定义项目的构建流程和规则。

这些配置文件共同确保了项目的正确构建和运行。