NuxtVue启动器

nuxpert — Nuxt 启动器模板

作者 MFM-347

基于 Nuxt 与 Vue 的启动器模板,内置 TypeScript、Tailwind CSS、SEO 与无障碍相关模块,采用 MIT 许可。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

基于 Nuxt 4 与 Vue 的启动器模板,使用 TypeScript 提供类型支持

02

集成 Tailwind CSS,以工具类方式构建界面

03

内置 @nuxtjs/seo 与 nuxt-schema-org,用于 SEO 与结构化数据

04

包含 @nuxt/a11y 无障碍模块与 @nuxtjs/color-mode 颜色模式

05

提供 ESLint、Prettier 及 dev、build、generate、typecheck 等脚本

06

采用 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 等外部服务可能另行收费。模板未在资料中说明具体生产就绪程度与性能表现。

NuxtVue启动器

适合你的项目吗?

适用场景

  • 需要一个带 TypeScript 与 Tailwind CSS 的 Nuxt 项目起点
  • 希望项目初始就包含 SEO、无障碍、图标、字体与颜色模式相关模块
  • 需要静态站点生成能力,可使用 generate 脚本
  • 用于学习 Nuxt 4 与 Vue 的项目结构与模块组织方式

适合人群

  • 熟悉 Nuxt 或 Vue 并希望快速搭建项目骨架的开发者
  • 需要在 Nuxt 项目中统一代码规范(ESLint、Prettier)的团队
  • 关注 SEO 与无障碍基础配置的前端项目
  • 希望以 MIT 许可自由修改和分发代码的使用者

上手与定制指南

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

  1. 1

    克隆仓库:git clone https://github.com/MFM-347/nuxpert.git

  2. 2

    安装依赖使用 pnpm install

  3. 3

    启动开发服务器使用 pnpm dev

  4. 4

    构建生产版本使用 pnpm build,生成静态站点使用 pnpm generate

  5. 5

    分发代码副本或实质性部分时,需保留原作者版权声明和完整 MIT 许可声明

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

Permission is hereby granted, free of charge

许可证原文

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

README 原文
https://github.com/MFM-347/nuxpert/blob/main/LICENSEhttps://github.com/MFM-347/nuxpert/blob/main/README.md

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>
反馈内容错误

看看同类模板

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