logo
0
1
WeChat Login

FlatpakCN - Linux 应用扁平包网站

一个基于 Vue 3 构建的 Flatpak 中文网站,提供 Flatpak 应用程序的展示和相关信息。

🌟 项目介绍

FlatpakCN 是 Flatpak 的中文官方网站(非官方镜像),旨在为中文用户提供关于 Flatpak 技术的全面信息,包括:

  • Flatpak 应用展示
  • Linux 发行版支持情况
  • Flatpak 技术介绍和使用指南

🛠️ 技术栈

  • 前端框架: Vue 3
  • 构建工具: Vite
  • 路由管理: Vue Router
  • UI 框架: Bootstrap 5
  • 图标库: Bootstrap Icons

📁 项目结构

. ├── src/ │ ├── assets/ # 静态资源 │ │ ├── distro/ # Linux 发行版图标 │ │ └── gongan/ # 其他资源 │ ├── components/ # Vue 组件 │ │ ├── AppShowcase.vue # 应用展示组件 │ │ ├── Banner.vue # 横幅组件 │ │ ├── Footer.vue # 页脚组件 │ │ └── Navbar.vue # 导航栏组件 │ ├── config/ # 配置文件 │ │ └── apps.js # 应用程序配置 │ ├── router/ # 路由配置 │ │ └── index.js # 路由定义 │ ├── views/ # 页面视图 │ │ ├── About.vue # 关于页面 │ │ ├── Distro.vue # 发行版页面 │ │ └── Home.vue # 首页 │ ├── App.vue # 根组件 │ └── main.js # 应用入口 ├── index.html # HTML 模板 ├── package.json # 项目配置 └── vite.config.js # Vite 配置

🚀 安装和运行

环境要求

  • Node.js >= 14.0.0
  • npm >= 6.0.0

安装依赖

npm install

开发模式

npm run dev

应用将在 http://localhost:5173 启动

构建生产版本

npm run build

构建后的文件将输出到 dist 目录

预览生产版本

npm run preview

📄 许可证

该项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情