MookNote Web

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

项目简介

这是 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 或更高版本

安装依赖

npm install

启动开发服务器

npm run serve

访问 http://localhost:8080

生产构建

npm run build

构建后的文件位于 dist/ 目录

代码检查

npm run lint

部署

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

• GitHub Pages
• Vercel
• Netlify
• Cloudflare Pages
• 自有服务器（Nginx/Apache）