NuxtVue启动器

starter (stackhacker-ui) — Nuxt 启动器模板

作者 stackhacker-ui

基于 Nuxt 4 的启动器模板，集成 shadcn-vue、reka-ui 与 Tailwind CSS v4，用于快速搭建 Stackhacker UI 项目。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

整体预览

访问演示网站在新标签页打开

作者提供的预览

查看现有预览图，更多页面尚未采集。

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

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

采集于 2026-09-14查看来源

值得关注的模板亮点

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

基于 Nuxt 4 的启动器模板，同时涉及 Vue 技术栈

集成 shadcn-vue、reka-ui 与 Tailwind CSS v4

提供在线演示与 Stackhacker UI 文档入口

README 给出 pnpm 安装、开发、检查、构建与预览命令

附带 Vercel 一键部署按钮与 Renovate 集成说明

许可证文件显示为 MIT

模板详细介绍

Stackhacker UI Starter Template 是一个面向 Nuxt 4 的启动器模板，由 stackhacker-ui 维护。它把 shadcn-vue、reka-ui 与 Tailwind CSS v4 组合在一起，作为使用 Stackhacker UI 的起点。仓库提供了在线演示和文档入口，README 中给出了从模板初始化项目的命令，并附带 Vercel 一键部署按钮。

模板的本地开发流程围绕 pnpm 展开：安装依赖后运行 pnpm dev，默认在 http://localhost:3000 启动开发服务器。生产构建前可执行 pnpm lint 与 pnpm typecheck 做质量检查，再用 pnpm build 构建、pnpm preview 本地预览。README 说明该模板已在 Node.js 22 与 pnpm 10 下验证，并提示在生产环境设置 NUXT_PUBLIC_SITE_URL，以便社交预览使用自己的部署地址。

仓库还包含 Renovate 集成说明，安装 Renovate GitHub App 后即可自动更新依赖。许可证文件显示为 MIT，仓库当前星标数为 2，样式与视觉细节以仓库截图和在线演示为准。

NuxtVue启动器

适合你的项目吗？

适用场景

使用 Stackhacker UI 快速初始化一个新的 Nuxt 4 项目
在本地以 pnpm 运行开发服务器并预览模板效果
通过 Vercel 按钮将模板克隆并部署为自己的站点
借助 Renovate 自动更新项目依赖

适合人群

希望以 Nuxt 4 搭配 shadcn-vue 与 Tailwind CSS v4 起步的开发者
需要 Stackhacker UI 官方启动器作为项目起点的团队
习惯使用 pnpm 并参考 README 命令进行开发与构建的用户

上手与定制指南

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

1
README 推荐使用 pnpm dlx nuxi@latest init my-app -t gh:stackhacker-ui/starter 从模板创建项目
2
安装依赖使用 pnpm install，开发服务器使用 pnpm dev，默认地址为 http://localhost:3000
3
生产构建前可运行 pnpm lint 与 pnpm typecheck，构建使用 pnpm build，本地预览使用 pnpm preview
4
README 说明模板已在 Node.js 22 与 pnpm 10 下验证
5
生产环境如需社交预览使用自己的部署地址，需设置 NUXT_PUBLIC_SITE_URL

查看仓库使用说明