Baiyuetribe/naive-ui_vite-ssg_starter

Naive-UI + Vite-SSG

vue纯静态网站构建工具，开发体验比Nuxt3快，希望能助力naive-ui开发者适配SSR。

Usages

git clone https://github.com/Baiyuetribe/naive-ui_vite-ssg_starter.git
cd naive-ui_vite-ssg_starter
yarn install # or pnpm i
yarn dev # or pnpm dev

Dependencies

• antfu/vite-ssg
• TuSimple/naive-ui
• Baiyuetribe/naive-ui-like-nuxt3-template

特性

• ⚡️ Vue 3, Vite 2, pnpm, ESBuild - 就是快！

• 🗂 基于文件的路由

• 📦 组件自动化加载

• 🍍 使用 Pinia 的状态管理

• 📑 布局系统

• 📲 PWA

• 🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

• 😃 各种图标集为你所用

• 🌍 I18n 国际化开箱即用

• 🗒 Markdown 支持

• 🔥 使用 新的 <script setup> 语法

• 📥 API 自动加载 - 直接使用 Composition API 无需引入

• 🖨 使用 vite-ssg 进行服务端生成 (SSG)

• 🦔 使用 critters 的生成关键 CSS

• 🦾 TypeScript, 当然

• ⚙️ 结合 GitHub Actions，使用 Vitest 进行单元测试, Cypress 进行 E2E 测试

• ☁️ 零配置部署 Netlify

插件

• Vue Router
  • vite-plugin-pages - 以文件系统为基础的路由
  • vite-plugin-vue-layouts - 页面布局系统
• Pinia - 直接的, 类型安全的, 使用 Composition api 的轻便灵活的 Vue 状态管理
• unplugin-vue-components - 自动加载组件
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• vite-plugin-pwa - PWA
• vite-plugin-md - Markdown 作为组件，也可以让组件在 Markdown 中使用
  • markdown-it-prism - Prism 的语法高亮
  • prism-theme-vars - 利用 CSS 变量自定义 Prism.js 的主题
• Vue I18n - 国际化
  • vite-plugin-vue-i18n - Vue I18n 的 Vite 插件
• VueUse - 实用的 Composition API 工具合集
• vite-ssg-sitemap - 站点地图生成器
• @vueuse/head - 响应式地操作文档头信息

衍生项目

• Baiyuetribe/nuxt3-naive-ui-starter