# web-time **Repository Path**: lxawcf/web-time ## Basic Information - **Project Name**: web-time - **Description**: 页面时钟 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-06-10 - **Last Updated**: 2025-06-13 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # web-time 这是一个使用 Vue 3 和 Vite 开发的项目，提供日程管理和倒计时功能。 ## 项目功能 - **日程管理**：支持添加、查看、编辑和删除日程，使用 `momentjs` 处理时间格式。 - **倒计时功能**：提供倒计时设置和显示功能。 ## 技术栈 - **前端框架**：Vue 3 - **状态管理**：Pinia - **时间处理**：Moment.js - **构建工具**：Vite - **测试框架**：Vitest - **代码检查**：ESLint - **代码格式化**：Prettier ## 项目结构 ```plaintext ├── .editorconfig ├── .gitattributes ├── .gitignore ├── .prettierrc.json ├── .vscode/ │ └── extensions.json ├── README.md ├── env.d.ts ├── eslint.config.ts ├── index.html ├── package-lock.json ├── package.json ├── public/ │ └── favicon.ico ├── src/ │ ├── App.vue │ ├── assets/ │ ├── component/ │ ├── entity/ │ ├── main.ts │ └── stores/ ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.node.json ├── tsconfig.vitest.json ├── vite.config.ts └── vitest.config.ts ``` ## 推荐的 IDE 设置 [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) （并禁用 Vetur）。 ## 对 `.vue` 文件导入的类型支持 TypeScript 默认无法处理 `.vue` 文件导入的类型信息，因此我们使用 `vue-tsc` 替代 `tsc` 进行类型检查。在编辑器中，我们需要 [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) 让 TypeScript 语言服务识别 `.vue` 类型。 ## 自定义配置详见 [Vite 配置参考](https://vite.dev/config/)。 ## 项目设置 ```sh npm install ``` ### 开发环境编译和热重载 ```sh npm run dev ``` ### 生产环境类型检查、编译和压缩 ```sh npm run build ``` ### 使用 [Vitest](https://vitest.dev/) 运行单元测试 ```sh npm run test:unit ``` ### 使用 [ESLint](https://eslint.org/) 进行代码检查 ```sh npm run lint ``` ## 捐赠支持 😀 你可以请作者喝杯咖啡作为鼓励