# MookNote Web

MookNote 产品宣传网站 - 基于 Vue2 构建的静态官网

## 项目简介

这是 [MookNote](https://github.com/dellevin/mooknote) Android 应用的产品宣传网站，包含应用介绍、功能展示、使用指南和联系方式等页面。

## 技术栈

- **Vue 2.6.14** - 渐进式 JavaScript 框架
- **Vue Router 3.5.1** - 官方路由管理器
- **Vue CLI 5** - 项目脚手架工具

## 项目结构

```
mooknote_web/
├── public/                 # 静态资源
│   ├── index.html         # 入口 HTML 文件
│   └── favicon.ico        # 网站图标
├── src/                   # 源代码
│   ├── main.js            # 入口文件
│   ├── App.vue            # 根组件
│   ├── router/            # 路由配置
│   │   └── index.js
│   └── views/             # 页面组件
│       ├── Home.vue       # 首页
│       ├── Features.vue   # 功能特性页
│       ├── Guide.vue      # 使用指南页
│       └── Contact.vue    # 联系我们页
├── dist/                  # 构建输出目录
├── package.json           # 项目配置
├── vue.config.js          # Vue CLI 配置
└── .eslintrc.js           # ESLint 配置
```



## 开发环境

### 前置要求
- Node.js 14.x 或更高版本
- npm 6.x 或更高版本

### 安装依赖
```bash
npm install
```

### 启动开发服务器
```bash
npm run serve
```
访问 http://localhost:8080

### 生产构建
```bash
npm run build
```
构建后的文件位于 `dist/` 目录

### 代码检查
```bash
npm run lint
```

## 部署

构建完成后，`dist/` 目录包含所有静态文件，可以部署到任何静态服务器：

- [GitHub Pages](https://pages.github.com/)
- [Vercel](https://vercel.com/)
- [Netlify](https://www.netlify.com/)
- [Cloudflare Pages](https://pages.cloudflare.com/)
- 自有服务器（Nginx/Apache）