基于 Nuxt 4 与 Vue 的启动器模板,使用 TypeScript 提供类型支持
nuxpert — Nuxt 启动器模板
作者 MFM-347
基于 Nuxt 与 Vue 的启动器模板,内置 TypeScript、Tailwind CSS、SEO 与无障碍相关模块,采用 MIT 许可。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 3
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
集成 Tailwind CSS,以工具类方式构建界面
内置 @nuxtjs/seo 与 nuxt-schema-org,用于 SEO 与结构化数据
包含 @nuxt/a11y 无障碍模块与 @nuxtjs/color-mode 颜色模式
提供 ESLint、Prettier 及 dev、build、generate、typecheck 等脚本
采用 MIT 许可,允许免费使用、修改、商用和分发该版本代码
模板详细介绍
Nuxpert 是一个 Nuxt 启动器模板,仓库由 MFM-347 维护,采用 MIT 许可。模板以 Nuxt 4 与 Vue 为基础,并集成 TypeScript,为组件、页面和 API 路由提供类型支持。样式层使用 Tailwind CSS,便于以工具类方式编写界面。
模板预置了若干 Nuxt 模块:通过 @nuxtjs/seo 与 nuxt-schema-org 处理 SEO 与结构化数据,通过 @nuxt/a11y 关注无障碍,通过 @nuxt/icon 提供图标支持,通过 @nuxt/fonts 管理字体,通过 @nuxtjs/color-mode 提供颜色模式切换。代码规范方面使用 ESLint 与 Prettier。
仓库提供 dev、build、generate、preview、lint、format、typecheck 等脚本,覆盖开发、生产构建、静态站点生成、预览、代码检查、格式化与类型检查。演示站点部署在 Vercel,可查看桌面端首页、手机端首页与内页的实际截图。
使用限制方面:MIT 许可仅覆盖该版本代码,演示图片、字体、图标等第三方素材需按各自许可核对;域名、托管、数据库、支付或 AI 等外部服务可能另行收费。模板未在资料中说明具体生产就绪程度与性能表现。
适合你的项目吗?
适用场景
- 需要一个带 TypeScript 与 Tailwind CSS 的 Nuxt 项目起点
- 希望项目初始就包含 SEO、无障碍、图标、字体与颜色模式相关模块
- 需要静态站点生成能力,可使用 generate 脚本
- 用于学习 Nuxt 4 与 Vue 的项目结构与模块组织方式
适合人群
- 熟悉 Nuxt 或 Vue 并希望快速搭建项目骨架的开发者
- 需要在 Nuxt 项目中统一代码规范(ESLint、Prettier)的团队
- 关注 SEO 与无障碍基础配置的前端项目
- 希望以 MIT 许可自由修改和分发代码的使用者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
克隆仓库:git clone https://github.com/MFM-347/nuxpert.git
- 2
安装依赖使用 pnpm install
- 3
启动开发服务器使用 pnpm dev
- 4
构建生产版本使用 pnpm build,生成静态站点使用 pnpm generate
- 5
分发代码副本或实质性部分时,需保留原作者版权声明和完整 MIT 许可声明
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- MIT 许可仅覆盖本仓库代码;演示图片、字体、图标等第三方素材可能另有许可,需自行核对。域名、托管、数据库、支付或 AI 等外部服务可能另行收费。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
https://github.com/MFM-347/nuxpert/blob/main/LICENSEhttps://github.com/MFM-347/nuxpert/blob/main/README.mdThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 88 / 100
- 技术栈
- Nuxt · Vue
- 网站类型
- 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-07-14
- 截图检查日期
- 2026-10-03
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Nuxt。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-04
查看当时使用的来源资料
SHA-256: 03a8b9aa4b36f4f19bae7f1ec60334e20a3761b72aa3ac64de7ccf7416b45f7f
2026-10-03T17:53:52.860Z
来源文件 / 仓库# Nuxpert - Modern Nuxt 4 Template
<p align="center">
<a href="https://nuxpert.vercel.app">
<img src="public/icon.svg" alt="Nuxpert Logo" width="100" />
</a>
</p>
<h1 align="center">Nuxpert</h1>
<p align="center">
Sleek, high-performance Nuxt 4 template with TypeScript, Tailwind CSS, accessibility, and SEO optimization built in.
<br />
<a href="https://nuxpert.vercel.app"><strong>View Demo</strong></a>
·
<a href="https://github.com/MFM-347/nuxpert/issues">Report Bug</a>
·
<a href="https://github.com/MFM-347/nuxpert/issues">Request Feature</a>
</p>
<p align="center">
<a href="LICENSE">
<img src="https://img.shields.io/github/license/MFM-347/nuxpert?style=for-the-badge" alt="License" />
</a>
<a href="https://github.com/MFM-347/nuxpert/stargazers">
<img src="https://img.shields.io/github/stars/MFM-347/nuxpert?style=for-the-badge" alt="Stars" />
</a>
<a href="https://github.com/MFM-347/nuxpert/network/members">
<img src="https://img.shields.io/github/forks/MFM-347/nuxpert?style=for-the-badge" alt="Forks" />
</a>
</p>
## ✨ Features
- **Nuxt 4:** The latest and greatest version of Nuxt.
- **TypeScript:** Type safety for your components, pages, and API routes.
- **Tailwind CSS:** A utility-first CSS framework for rapid UI development.
- **ESLint & Prettier:** For code consistency and formatting.
- **SEO Optimized:** With `@nuxtjs/seo` and `nuxt-schema-org`.
- **Accessibility:** With `@nuxt/a11y`.
- **Icon Support:** With `@nuxt/icon`.
- **Fonts:** With `@nuxt/fonts`.
- **Color Mode:** With `@nuxtjs/color-mode`.
## 🚀 Getting Started
1. **Clone the repository:**
```bash
git clone https://github.com/MFM-347/nuxpert.git
```
2. **Install dependencies:**
```bash
pnpm install
```
3. **Start the development server:**
```bash
pnpm dev
```
## Scripts
- `dev`: Start the development server.
- `build`: Build the application for production.
- `generate`: Generate a static site.
- `preview`: Preview the production build.
- `lint`: Lint the code.
- `format`: Format the code.
- `typecheck`: Type-check the code.
## 🤝 Contributing
We love community input!
- Check [CONTRIBUTING.md](./CONTRIBUTING.md)
- Look for issues labeled **good first issue**
- Open a Pull Request with your improvement or idea.
If you enjoy this project, **⭐ star it** and share with your network to help others discover it.
## 📝 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🧑💻 Credits
Created with ❤️ by [@MFM-347](https://github.com/MFM-347)
## 👨💻 Contributors
<a href="https://github.com/MFM-347/nuxpert/graphs/contributors">
<img src="https://contrib.rocks/image?repo=MFM-347/nuxpert" />
</a>
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

laravel-nuxt
A Laravel-Nuxt starter kit.
Nuxt · 启动器

canvas
Portfolio template made with Nuxt 3, Nuxt Content v3, NuxtUI v3 and TailwindCSS v4
Nuxt · 作品集

nuxt3-starter
💚 A Better Nuxt 3 Starter Template,generate by nuxi.
Nuxt · 启动器

starter
Nuxt Starter Template for Nuxt UI.
Nuxt · 启动器

bloggrify
Run a blog from Markdown files. Themes, SEO, analytics, newsletter and comments preconfigured. Like Docus, but…
Nuxt · 博客

vitify-nuxt
🔽🏔 Vuetify + Nuxt Starter Template
Nuxt · 后台
