https://github.com/weianke/headphone-web
基于React.js/tailwindcss/vite开发响应式官网
https://github.com/weianke/headphone-web
Last synced: 3 months ago
JSON representation
基于React.js/tailwindcss/vite开发响应式官网
- Host: GitHub
- URL: https://github.com/weianke/headphone-web
- Owner: weianke
- Created: 2024-08-12T03:07:42.000Z (9 months ago)
- Default Branch: mater
- Last Pushed: 2024-08-14T06:03:35.000Z (9 months ago)
- Last Synced: 2025-01-02T11:44:26.512Z (5 months ago)
- Language: JavaScript
- Homepage: https://head-phone-web.vercel.app
- Size: 4.27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# headphone-web
基于React/tailwindcss/vite的响应式官网
## 项目介绍
本项目基于React/tailwindcss/vite开发，是一个响应式官网，主要用于展示个人作品、项目、作品集、个人信息等。
## 项目目录结构
```
├── public
│ ├── favicon.ico
│ └── index.html
├── src
│ ├── assets
│ │ ├── images
│ │ └── styles
│ ├── components
│ │ ├── common
│ │ ├── home
│ │ └── layout
│ ├── hooks
│ ├── pages
│ │ ├── about
│ │ ├── contact
│ │ ├── home
│ │ └── projects
│ ├── styles
│ ├── utils
│ ├── App.jsx
│ ├── index.css
│ └── index.jsx
├── tailwind.config.js
├── vite.config.js
├── package.json
└── README.md
```
1. `public` 目录存放静态资源，包括网站图标`favicon.ico`和`index.html`文件。
2. `src` 目录存放项目源码，包括`assets`、`components`、`hooks`、`pages`、`styles`、`utils`等目录。
3. `assets` 目录存放项目资源，包括图片和样式文件。
4. `components` 目录存放项目组件，包括`common`、`home`、`layout`等目录。
5. `hooks` 目录存放项目自定义hooks。
6. `pages` 目录存放项目页面，包括`about`、`contact`、`home`、`projects`等页面。
7. `styles` 目录存放项目样式文件。
8. `utils` 目录存放项目工具类。
9. `App.jsx` 项目入口文件。
10. `index.css` 项目全局样式文件。
11. `index.jsx` 项目入口文件。
12. `tailwind.config.js` tailwindcss配置文件。
13. `vite.config.js` vite配置文件。
14. `package.json` 项目配置文件。
15. `README.md` 项目说明文件。