generated from dellevin/template
77 lines
1.9 KiB
Markdown
77 lines
1.9 KiB
Markdown
# 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）
|