NuxtVueVite后台启动器

vitify-electron — Nuxt 后台模板

作者 kingyue737

基于 Electron、Nuxt 与 Vuetify 的桌面应用起步模板，内置抽屉式布局、自动导航与 SQLite 数据库示例。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

Electron + Nuxt + Vuetify 组合的桌面应用起步模板

02

默认布局含抽屉、标题栏与状态栏，导航抽屉和面包屑按路由自动生成

03

使用 Pinia 管理状态，并提供通知 store

04

通过 @egoist/tipc 实现带类型的 IPC 通信

05

集成 SQLite 与 Drizzle ORM 作为数据层示例

06

包含 nuxt-echarts 数据可视化、主题色自定义与深色模式

模板详细介绍

vitify-electron 是一个面向桌面端后台应用的起步模板，把 Electron 与 Nuxt、Vuetify 组合在一起，用于构建跨平台桌面程序。界面部分采用 Nuxt 的 SPA 模式，支持基于文件的路由、布局系统和组件自动导入；状态管理使用 Pinia；主进程与渲染进程之间通过 @egoist/tipc 提供带类型提示的 IPC 通信。项目配置为 ESM，并用 Rollup 处理主进程与渲染进程中的 CJS 转换。数据层示例使用 SQLite 配合 Drizzle ORM。

模板自带一套应用骨架：默认布局包含抽屉、头部（标题栏）与底部（状态栏），导航抽屉与面包屑根据路由自动生成，并提供一个通知 store。界面还包含基于 nuxt-echarts 的数据可视化示例、主题色自定义与深色模式，以及响应式布局。

使用方式上，开发阶段运行 pnpm dev，构建运行 pnpm build，产物为可执行文件与 setup.exe，输出在 release 目录。README 中的平台进度显示 Windows 11 与 Windows 10 已完成，Linux 与 macOS 仍为待办，因此当前模板的桌面打包支持以 Windows 为主。该仓库采用 MIT 许可，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可。

NuxtVueVite后台启动器

适合你的项目吗？

适用场景

  • 需要快速搭建 Electron 桌面后台应用骨架的项目
  • 希望在桌面端复用 Nuxt 文件路由、布局与组件自动导入的开发场景
  • 需要在主进程与渲染进程之间使用类型安全 IPC 通信的桌面应用
  • 需要在桌面应用中集成 SQLite 与 ORM 的本地数据存储场景

适合人群

  • 使用 Vue 与 Nuxt 技术栈、准备开发桌面端后台界面的开发者
  • 需要带抽屉导航、标题栏和状态栏默认布局的起步项目
  • 以 Windows 为主要目标平台、需要可执行文件与安装包产物的项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    开发环境运行 pnpm dev，构建运行 pnpm build

  2. 2

    构建产物为可执行文件与 setup.exe，输出在 release 目录

  3. 3

    README 中平台进度显示 Windows 11 与 Windows 10 已完成，Linux 与 macOS 仍为待办

  4. 4

    仓库采用 MIT 许可，分发时需保留版权声明与许可声明

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • README 的 TODO 显示 Linux 与 macOS 平台支持尚未完成，仅 Windows 11 与 Windows 10 标记为已完成，因此桌面打包能力目前以 Windows 为主，其他平台可能无法正常构建或运行。
  • 构建产物为可执行文件与 setup.exe 安装包，输出位于 release 目录，属于 Windows 平台的打包形式。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

- [ ] Linux - [ ] MacOS

README 原文

And you will see the generated executable and `setup.exe` in `release` folder.

README 原文
https://github.com/kingyue737/vitify-electron/blob/main/LICENSEhttps://github.com/kingyue737/vitify-electron/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 74 / 100
技术栈
Nuxt · Vue · Vite
网站类型
后台 · 启动器
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-06-29
截图检查日期
2026-10-02

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Nuxt。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 8819804bb8ad1d4d62848eeb56be358c92be5d6fe6f356f312909fdbd72d447b

2026-10-02T17:23:21.202Z

来源文件 / 仓库
<p align="center">
<img src="https://github.com/user-attachments/assets/88ba1bd2-4a56-484b-ae58-98a90c6ba97c" width="800"/>
</p>

<h2 align="center">
<a href="https://github.com/kingyue737/vitify-nuxt">Vitify</a> with Electron
</h2><br>

<pre align="center">
⚛️ Electron + Nuxt + Vuetify
Opinionated Starter Template
</pre>

## Features

- ⚛️ [Electron](https://github.com/electron/electron) - Build cross-platform desktop apps with JavaScript, HTML, and CSS

- 💚 [Nuxt](https://nuxt.com/) - SPA, File-based routing, Layout system, components auto importing, modules, etc

- 🍍 [State Management via Pinia](https://pinia.vuejs.org/)

- 🧼 [ESLint flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new) powered by [@nuxt/eslint](https://github.com/nuxt/eslint), future-proof

- 🦾 Typed IPC communication powered with [`@egoist/tipc`](https://github.com/egoist/tipc)

- 📦 ESM Only - Configured [Rollup](https://rollupjs.org/) to transform CJS both in your main/renderer processes

- 💾 Database - [SQLite](https://www.sqlite.org/) + [Drizzle ORM](https://orm.drizzle.team/), next gen TypeScript ORM DX

### App Starter Template

- 🪟 Default layout with drawer, header(title bar) and footer (status bar)

- 🧭 Auto generated navigation drawer and breadcrumbs based on routes

- 🔔 Notification store

- 📉 Data visualization with [nuxt-echarts](https://github.com/kingyue737/nuxt-echarts)

- 🎨 Theme color customization and dark mode

- 📱 Responsive layout

## Variations

- [vitify-nuxt](https://github.com/kingyue737/vitify-nuxt) - Vuetify 3 with Nuxt 3, the best DX 🔥🔥🔥

- [vitify-next](https://github.com/kingyue737/vitify-next) - Lightweight Vue 3 version without Electron
- [vitify-admin](https://github.com/kingyue737/vitify-electron) - Vite + Vuetify 2, Opinionated Admin Stater Template

## TODO

- [x] Windows 11
- [x] Windows 10
- [ ] Linux
- [ ] MacOS

## Usage

### Development

```bash
pnpm dev
```

### Build

To build the App, run

```bash
pnpm build
```

And you will see the generated executable and `setup.exe` in `release` folder.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

laravel-nuxt

laravel-nuxt

A Laravel-Nuxt starter kit.

Nuxt · 启动器

dashboard

dashboard

Nuxt Dashboard Template made with Nuxt UI.

Nuxt · 后台

nuxt-shadcn-dashboard

nuxt-shadcn-dashboard

Template Dashboard with Nuxt 4 + Shadcn + TailwindCSS 4

Nuxt · 后台

canvas

canvas

Portfolio template made with Nuxt 3, Nuxt Content v3, NuxtUI v3 and TailwindCSS v4

Nuxt · 作品集

nuxt3-starter

nuxt3-starter

💚 A Better Nuxt 3 Starter Template，generate by nuxi.

Nuxt · 启动器

starter

starter

Nuxt Starter Template for Nuxt UI.

Nuxt · 启动器