NuxtVueVite启动器

nuxt3-starter — Nuxt 启动器模板

作者 xiaoluoboding

基于 Nuxt 3 的启动器模板，由 nuxi 生成，集成 UnoCSS、unplugin-icons、Pinia 与 VueUse，采用 MIT 许可。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

由 nuxi 生成的 Nuxt 3 项目骨架

02

集成 @unocss/nuxt 按需原子化 CSS 引擎

03

集成 unplugin-icons，可使用任意图标集

04

集成 @pinia/nuxt 与 @vueuse/nuxt3，支持状态管理与自动导入

05

支持通过 GitHub 模板或 nuxi init 命令创建项目

06

采用 MIT 许可，代码可免费使用、修改、商用与分发

模板详细介绍

这是一个 Nuxt 3 启动器模板，仓库描述为“A Better Nuxt 3 Starter Template”，由 nuxi 生成，作者为 xiaoluoboding。它面向需要快速搭建 Nuxt 3 项目骨架的开发者，在默认 Nuxt 3 结构之上预置了若干常用集成。

模板集成的模块包括：@unocss/nuxt（按需原子化 CSS 引擎）、unplugin-icons（使用任意图标集的图标）、@pinia/nuxt（在 Nuxt 3 中使用 Pinia 状态管理）、@vueuse/nuxt3（VueUse 的 Nuxt 集成，提供自动导入能力）。这些集成均来自 README 的 Features 列表。

使用方式有两种：在 GitHub 上以该仓库为模板创建新仓库，或在本地执行 npx nuxi init -t nuxtbase/nuxt3-starter my-nuxt3-app 生成项目。开发服务器默认运行在 http://localhost:3088，构建命令为 yarn build，部署方式参见 Nuxt 官方部署文档。

限制方面：仓库未提供组件清单、目录结构说明或除上述模块外的功能描述，因此模板的具体页面与配置细节需以仓库实际代码为准。代码采用 MIT 许可，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需按各自许可单独核对；域名、托管、数据库等外部服务可能另行收费。

NuxtVueVite启动器

适合你的项目吗？

适用场景

  • 需要快速创建 Nuxt 3 项目基础结构时
  • 希望在 Nuxt 3 中直接使用 UnoCSS 与图标集时
  • 需要在 Nuxt 3 中配合 Pinia 与 VueUse 开发时
  • 想参考一个已配置常用模块的 Nuxt 3 仓库结构时

适合人群

  • 熟悉 Vue 与 Nuxt 的开发者
  • 需要 Nuxt 3 起步模板的个人或团队项目
  • 偏好原子化 CSS 与自动导入工作流的项目
  • 希望以 MIT 许可使用与修改代码的开发者

上手与定制指南

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

  1. 1

    使用 npx nuxi init -t nuxtbase/nuxt3-starter my-nuxt3-app 创建项目，或在 GitHub 上以该仓库为模板生成新仓库

  2. 2

    安装依赖：yarn install

  3. 3

    启动开发服务器：yarn dev，默认地址为 http://localhost:3088

  4. 4

    生产构建：yarn build，部署方式参见 Nuxt 官方部署文档

  5. 5

    第三方素材需按各自许可核对，外部服务可能另外收费

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文
https://github.com/xiaoluoboding/nuxt3-starter/blob/main/LICENSEhttps://github.com/xiaoluoboding/nuxt3-starter/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2024-05-10
截图检查日期
2026-10-01

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 6932804ca0651ba15831b5af09dabbe2f844f1cee7c939f505498467d0223580

2026-10-01T14:18:54.183Z

来源文件 / 仓库
# Nuxt 3 Starter

> 💚 A Better Nuxt 3 starter template

## Preview

<div>
  <a href="https://stackblitz.com/github/nuxtbase/nuxt3-starter" rel="nofollow" target="_blank"><img src="https://camo.githubusercontent.com/bf5c9492905b6d3b558552de2c848c7cce2e0a0f0ff922967115543de9441522/68747470733a2f2f646576656c6f7065722e737461636b626c69747a2e636f6d2f696d672f6f70656e5f696e5f737461636b626c69747a2e737667" alt="" data-canonical-src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" style="max-width: 100%;"></a>
</div>

## Features

- 🎨 [@unocss/nuxt](https://unocss.dev/integrations/nuxt) - UnoCSS Instant On-demand Atomic CSS Engine
- 🤹 [unplugin-icons](https://github.com/antfu/unplugin-icons) - Use icons from any iconsets
- 🍍 [@pinia/nuxt](https://pinia.esm.dev/ssr/nuxt.html) - Using Pinia with Nuxt.js 3
- 🛠️ [@vueuse/nuxt3](https://vueuse.org/nuxt/readme.html#vueuse-nuxt) - This is an add-on of VueUse, which provides better Nuxt integration auto-import capabilities.

## Use the Template

### GitHub Template

[create a repo from this template on GitHub](https://github.com/xiaoluoboding/nuxt3-starter/generate)

### Clone to local

```bash
$> npx nuxi init -t nuxtbase/nuxt3-starter my-nuxt3-app
$> 🎉  Another rad Nuxt project just made! Next steps:
$>
$>    📁  `cd my-nuxt3-app`
$>
$>    💿  Install dependencies with `npm install` or `yarn install`
$>
$>    🚀  Start development server with `npm run dev` or `yarn dev`
```

## Setup

### Installation

Make sure to install the dependencies

```bash
yarn install
```

### Development

Start the development server on http://localhost:3088

```bash
yarn dev
```

### Production

Build the application for production:

```bash
yarn build
```

Checkout the [deployment documentation](https://v3.nuxtjs.org/docs/deployment).

## Related Template

- [vue3-starter](https://github.com/xiaoluoboding/vue3-starter) - 🖖 A Better Vue 3 Starter Template，generate by `create-vue`.

## License

MIT [@xiaoluoboding](https://github.com/xiaoluoboding)
反馈内容错误

看看同类模板

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

laravel-nuxt

laravel-nuxt

A Laravel-Nuxt starter kit.

Nuxt · 启动器

canvas

canvas

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

Nuxt · 作品集

starter

starter

Nuxt Starter Template for Nuxt UI.

Nuxt · 启动器

bloggrify

bloggrify

Run a blog from Markdown files. Themes, SEO, analytics, newsletter and comments preconfigured. Like Docus, but…

Nuxt · 博客

vitify-nuxt

vitify-nuxt

🔽🏔 Vuetify + Nuxt Starter Template

Nuxt · 后台

supaAuth

supaAuth

A Nuxt 4 + Supabase starter template. Add Login and Register page into your Nuxt 4 project using Supabase auth…

Nuxt · 启动器