# myWebsite

**Repository Path**: dongjinlong123/myWebsite

## Basic Information

- **Project Name**: myWebsite
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-25
- **Last Updated**: 2025-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 星河视界官网

海南星河视界网络科技有限公司官方网站

## 技术栈

- Vue 3.4 + TypeScript
- Element Plus (UI组件库)
- Vue Router
- Pinia
- Vite

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

访问 http://localhost:3000

### 构建生产版本

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

## 项目结构

```
项目根目录/
├── public/           # 静态资源目录（构建时直接复制到输出目录）
│   └── image/        # 图片资源
│       ├── 1.PNG
│       ├── 2.PNG
│       └── ...
├── src/
│   ├── assets/       # 需要导入的资源（会被Vite处理）
│   ├── components/   # 公共组件
│   │   ├── Header.vue  # 头部导航
│   │   ├── Footer.vue  # 页脚
│   │   └── Layout.vue  # 布局组件
│   ├── views/        # 页面视图
│   │   ├── Home.vue    # 首页
│   │   ├── About.vue   # 关于我们
│   │   ├── Products.vue # 产品服务
│   │   ├── Cases.vue   # 案例展示
│   │   ├── News.vue    # 新闻动态
│   │   └── Contact.vue # 联系我们
│   ├── router/       # 路由配置
│   ├── styles/       # 全局样式
│   └── main.ts       # 入口文件
├── index.html        # HTML模板
└── vite.config.ts    # Vite配置文件
```

## 静态资源

### 图片资源

静态图片文件应放在 `public/image/` 目录下，代码中通过 `/image/xxx.PNG` 路径访问。

**说明：**
- `public` 目录下的文件在构建时会直接复制到输出目录的根目录
- 可以通过 `/` 开头的绝对路径访问（如 `/image/1.PNG`）
- 不会被 Vite 处理，适合大量静态资源

### 其他静态资源

其他静态文件（如 favicon、robots.txt 等）也可以放在 `public` 目录下。

## 功能特性

- ✅ 响应式设计，支持移动端
- ✅ 科技感UI设计
- ✅ 使用Element Plus组件库
- ✅ TypeScript类型安全
- ✅ Vue 3 Composition API

## 构建说明

运行 `npm run build` 后，`public` 目录下的所有文件（包括 `image` 文件夹）会自动复制到 `dist` 目录的根目录，确保图片资源在打包后可以正常访问。

**路径说明：**
- 开发环境：`http://localhost:3000/image/1.PNG`
- 生产环境：`/image/1.PNG`（相对于域名根路径）