# pulehui **Repository Path**: pengshuo2025/pulehui ## Basic Information - **Project Name**: pulehui - **Description**: No description available - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-03-07 - **Last Updated**: 2026-03-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 普乐护 (Pulehui) 一个基于 Vue 3 + TypeScript + Vite 开发的现代化个人护理产品展示网站。 ## 项目简介 普乐护(pulehui)是一个专注于个人护理产品的展示网站,采用现代化的前端技术栈构建,为用户提供流畅的浏览体验。 ## 技术栈 - **框架**: Vue 3 (Composition API) - **语言**: TypeScript - **构建工具**: Vite - **路由**: Vue Router - **样式**: SCSS ## 项目结构 ``` ├── public/ # 静态资源目录 │ ├── about.jpg # 关于我们图片 │ ├── avatar.jpg # 头像 │ ├── banner.png # 横幅图片 │ ├── demo01-09.png # 产品演示图 │ ├── logo*.png # 品牌Logo ├── src/ │ ├── components/ # 公共组件 │ │ ├── Footer.vue # 页脚组件 │ │ └── Navbar.vue # 导航栏组件 │ ├── layouts/ # 布局组件 │ │ └── DefaultLayout.vue │ ├── router/ # 路由配置 │ │ └── index.ts │ ├── services/ # 服务层 │ │ └── config.ts │ ├── styles/ # 全局样式 │ │ └── index.scss │ ├── types/ # TypeScript 类型定义 │ │ ├── env.d.ts │ │ └── shims-vue.d.ts │ ├── utils/ # 工具函数 │ │ └── request.ts # HTTP 请求封装 │ ├── views/ # 页面视图 │ │ └── Home/ # 首页 │ │ └── index.vue │ ├── App.vue # 根组件 │ └── main.ts # 入口文件 ├── index.html # HTML 入口 ├── package.json # 项目配置 ├── tsconfig.json # TypeScript 配置 └── vite.config.ts # Vite 配置 ``` ## 快速开始 ### 安装依赖 ```bash npm install ``` ### 开发模式 ```bash npm run dev ``` ### 构建生产版本 ```bash npm run build ``` ### 预览生产版本 ```bash npm run preview ``` ## 功能特性 - 🏠 **首页展示** - 展示产品信息和品牌形象 - 📱 **响应式设计** - 适配各种屏幕尺寸 - 🔐 **路由管理** - 完整的路由配置 - 🎨 **SCSS 样式** - 模块化的样式管理 ## 许可证 本项目仅供学习交流使用。