Kirby Vue 3 Starterkit 使用教程

Kirby Vue 3 Starterkit 使用教程

kirby-vue3-starterkit✨ Kirby + Vue SPA starter: automatic routing, i18n, SEO and more!项目地址:https://gitcode.com/gh_mirrors/ki/kirby-vue3-starterkit

1. 项目的目录结构及介绍

kirby-vue3-starterkit/
├── public/
│   ├── dist/
│   ├── img/
│   └── media/
├── site/
│   ├── config/
│   │   ├── config.php
│   │   └── app-site.php
│   ├── languages/
│   └── plugins/kirby-vue-kit/

• public/: 包含前端生成的静态资源，如 dist/ 目录（不通过 Git 跟踪），静态图片如 img/ 目录，以及 Kirby 的媒体文件夹 media/（不通过 Git 跟踪）。
• site/: Kirby 的核心文件夹，包含模板、蓝图等。
  • config/: 包含 Kirby 和插件的通用配置设置。
    • config.php: 主要配置文件。
    • app-site.php: 用于构建前端的 JSON 编码 site 对象。
  • languages/: 仅在多语言设置中相关。
  • plugins/kirby-vue-kit/: Vite 集成插件的核心，主要用于前端构建。

2. 项目的启动文件介绍

项目的启动文件主要位于 site/config/ 目录下：

• config.php: 这是主要的配置文件，包含了项目的全局设置和插件配置。
• app-site.php: 这个文件用于构建前端的 JSON 编码 site 对象，主要用于 Vue Router 的路由填充。

3. 项目的配置文件介绍

• config.php: 包含项目的全局配置，如数据库连接、插件启用等。
• app-site.php: 主要用于前端的数据准备，如路由数据的填充和常用数据的扩展。

这些配置文件是项目启动和运行的关键，确保了项目的正确配置和功能实现。

kirby-vue3-starterkit✨ Kirby + Vue SPA starter: automatic routing, i18n, SEO and more!项目地址:https://gitcode.com/gh_mirrors/ki/kirby-vue3-starterkit