2026-05-11 15:09:39 +08:00
|
|
|
|
# 和光同坤 · 医美 3D 扫描 App 落地页
|
|
|
|
|
|
|
|
|
|
|
|
Vite + React + TypeScript 构建的产品落地页。
|
|
|
|
|
|
|
|
|
|
|
|
## 本地开发
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm install
|
|
|
|
|
|
npm run dev # 启动开发服务器，默认 http://localhost:4321
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## 生产构建
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm run build # 输出到 dist/
|
|
|
|
|
|
npm run preview # 本地预览生产构建
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## 目录结构
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
.
|
|
|
|
|
|
├── index.html Vite 入口 HTML
|
|
|
|
|
|
├── src/
|
|
|
|
|
|
│ ├── main.tsx React 入口
|
|
|
|
|
|
│ ├── App.tsx
|
|
|
|
|
|
│ ├── components/
|
|
|
|
|
|
│ │ ├── LandingPage.tsx 落地页主组件
|
|
|
|
|
|
│ │ └── LogoMark.tsx 品牌 Logo
|
|
|
|
|
|
│ └── styles/
|
|
|
|
|
|
│ ├── global.css 基础变量与全局样式
|
|
|
|
|
|
│ └── landing.css 落地页样式
|
|
|
|
|
|
├── public/ 静态资源（favicon 等）
|
|
|
|
|
|
├── vite.config.ts
|
|
|
|
|
|
└── tsconfig.json
|
|
|
|
|
|
```
|
