IKun-UI 项目启动与配置教程

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

IKun-UI 是一个基于 Vue3 和 Vite 的简易组件库。项目目录结构如下：

• demo: 包含示例代码和页面。
• docs: 存放项目文档。
• packages: 组件库的源代码，按照功能模块划分。
• scripts: 存放一些脚本文件，用于执行构建、测试等任务。
• .github/workflows: GitHub Actions 工作流文件，用于自动化处理比如代码提交、发布等事件。
• .husky: Husky 配置文件，用于 Git 提交钩子。
• .vscode: Visual Studio Code 的配置文件。
• .eslintignore: ESLint 忽略文件。
• .eslintrc.js: ESLint 配置文件。
• .gitignore: Git 忽略文件。
• .npmrc: npm 配置文件。
• .prettierignore: Prettier 忽略文件。
• .prettierrc: Prettier 配置文件。
• LICENSE: 项目的许可证文件。
• README.md: 项目说明文件。
• global.d.ts: TypeScript 全局类型声明文件。
• index.html: 项目入口 HTML 文件。
• package.json: 项目包配置文件。
• pnpm-lock.yaml: pnpm 锁文件。
• pnpm-workspace.yaml: pnpm 工作空间配置文件。
• tsconfig.json: TypeScript 配置文件。
• vite.config.ts: Vite 配置文件。
• vitest.config.ts: Vitest 配置文件。

2. 项目的启动文件介绍

项目的启动主要通过 package.json 中的脚本实现，以下是主要的启动脚本：

• npm run dev: 启动开发服务器，通常用于本地开发。
• npm run build: 构建生产环境的代码。

在 demo 文件夹中通常会有一个 index.html 文件，这个文件是开发服务器运行的入口文件。

3. 项目的配置文件介绍

• vite.config.ts: 这是 Vite 的配置文件，用于配置 Vite 开发服务器和构建过程。在这里可以定义全局常量、配置代理、调整构建输出等。
• .eslintrc.js: ESLint 配置文件，用于配置代码质量检查规则。
• .prettierrc: Prettier 配置文件，用于统一代码风格。
• tsconfig.json: TypeScript 配置文件，用于配置 TypeScript 编译选项。

以上就是 IKun-UI 项目的目录结构、启动文件和配置文件的介绍。通过这些基本介绍，您可以开始对项目进行初始化和开发工作。