# 本地漫画阅读器 **Repository Path**: DevSpeed/local-comic-reader ## Basic Information - **Project Name**: 本地漫画阅读器 - **Description**: 纯前端,以showDirectoryPicker为核心的漫画阅读器 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-07-08 - **Last Updated**: 2025-07-31 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 项目名称 这是一个基于 Vue 和 Vite 构建的前端项目,适用于构建现代化的 Web 应用程序。 ## 项目简介 本项目使用 Vue 3 和 Vite 构建工具,提供了一个基础框架用于开发可扩展的前端应用。它包含基础的目录结构和配置文件,便于快速启动开发。 ## 技术栈 - **Vue 3**:用于构建用户界面的渐进式 JavaScript 框架。 - **Vite**:新一代前端构建工具,提供更快的冷启动速度和即时的热更新。 - **Ant Design**:通过引入 `antd.min.js` 提供企业级 UI 设计语言和组件库。 ## 目录结构 ``` ├── public/ # 静态资源目录 │ └── antd.min.js # Ant Design 的压缩 JS 文件 ├── src/ # 源代码目录 │ ├── app.vue # 根 Vue 组件 │ ├── folder-c.svg # SVG 图标 │ ├── folder-o.svg # SVG 图标 │ ├── folder.vue # 文件夹组件 │ └── main.js # Vue 应用入口文件 ├── index.html # HTML 入口文件 ├── package.json # 项目依赖和脚本配置 ├── pnpm-lock.yaml # pnpm 包管理器的依赖锁定文件 ├── vite.config.js # Vite 构建配置文件 └── tsconfig.json # TypeScript 配置文件(如使用 TS) ``` ## 安装与运行 ### 安装依赖 确保你已经安装了 [pnpm](https://pnpm.io/),然后运行: ```bash pnpm install ``` ### 启动开发服务器 ```bash pnpm run dev ``` 这将启动 Vite 开发服务器,并在浏览器中打开项目。 ### 构建生产版本 ```bash pnpm run build ``` 这将生成优化后的生产环境代码,输出到 `dist/` 目录。 ## 使用说明 - 修改 `src/app.vue` 可以调整主界面内容。 - 使用 `public/antd.min.js` 中的 Ant Design 组件来构建 UI。 - 所有 Vue 组件都应放在 `src/` 目录下,并通过 `main.js` 注册。 ## 贡献指南 欢迎贡献代码和改进文档。请遵循以下步骤: 1. Fork 本仓库 2. 创建新分支 (`git checkout -b feature/new-feature`) 3. 提交更改 (`git commit -am 'Add new feature'`) 4. 推送分支 (`git push origin feature/new-feature`) 5. 创建 Pull Request ## 许可证 本项目采用 MIT 许可证。详情请查看 [LICENSE](LICENSE) 文件。