• 💚 Nuxt 3 - SSR、ESR、基于文件的路由、组件自动导入、模块等。
• ⚡️ Vite - 即时 HMR.
• 🎨 UnoCSS - 即时按需原子 CSS 引擎
• 😃 使用纯 CSS 中任何图标集的图标，由 UnoCSS 驱动.
• 🔥 <script setup lang="ts"> 语法.
• 🍍 通过 Pinia 进行状态管理, 详见 ./stores/use-index-store.ts.
• 📑 布局系统.
• 📥 API 自动导入 - 用于 Composition API、VueUse 和自定义可组合项
• 🏎 零配置云功能和部署
• 🦾 当然是 TypeScript.
• 📲 PWA 具有离线支持和自动更新行为

• 删除uno.config.ts, 将uno.config.rem.ts重命名为uno.config.ts
• 在nuxt.config.ts文件中, 删除// import { viteCss as vite } from './nuxt.config.vite' 和 // ...vite, 这两行的注释
• 在src/app.vue中引入src/assets/scss/global-rem.scss (注意, 从vite中引入的scss全局变量, 不能在style.scss中use, 而必须要在入口文件中import)
• 根据设计稿尺寸, 设置src/design.config.ts下相关参数
• 在 CSS 中按设计稿尺寸书写即可, 单位依然用px

• VueUse - 好用的组合 API 集合.
• ElementPlus - 基于 Vue 3，面向设计师和开发者的组件库.
• ColorMode - Nuxt 可轻松实现具有自动检测功能的深色和浅色模式.
• UnoCSS - 即时按需原子 CSS 引擎.
• Pinia - 直观、类型安全、轻便且灵活的 Vue 状态管理.
• VueMacros - 扩展更多的宏和语法糖.
• VitePWA - 适用于 Nuxt 3 的零配置 PWA 插件.
• DevTools - 释放 Nuxt 开发者体验.

建议使用 VS Code 和 Volar 以获得最佳体验（您可能需要禁用 Vetur 如果你有的话）。

• vite-nuxt3 - Nuxt3 + Vite 入门模板
• vite-uniapp-vue3 - Uniapp3 + Vite 入门模板
• vite-react-mobx-ssr - React + Mobx + Vite + SSR 入门模板
• vite-react-mobx - React + Mobx + Vite 入门模板
• vite-react-redux - React + Redux + Vite 入门模板
• vite-vue3-h5-ssr - Vue3 + Vant + Vite + SSR 入门模板
• vite-vue3-h5 - Vue3 + Vant + Vite 入门模板
• vite-vue3-admin - Vue3 + ElementPlus + Vite 管理后台入门模板

https://codesandbox.io/p/github/lincenying/vite-nuxt3/main

如果您更喜欢使用更干净的 git 历史记录手动执行此操作

npx degit lincenying/vite-nuxt3 my-nuxt3-app
cd my-nuxt3-app
pnpm i # 如果您没有安装 pnpm，请运行：npm install -g pnpm

pnpm serve

pnpm build

pnpm start

pnpm lint # eslint检测不修复
pnpm lint:fix # eslint检测并修复
pnpm lint:ts # ts 类型检测
pnpm lint:css # css 检测并修复

# 第一次执行时, 如果node镜像拉不下来, 可以执行以下命令:
docker pull swr.cn-north-4.myhuaweicloud.com/ddn-k8s/docker.io/node:22-alpine3.22
docker tag swr.cn-north-4.myhuaweicloud.com/ddn-k8s/docker.io/node:22-alpine3.22 node:22-alpine
# 构建镜像
docker build -t vite-nuxt:1.25.1029 -f ./Dockerfile .
# 运行镜像
docker run -d -p 4123:4123 --add-host=host.docker.internal:host-gateway --name vite-nuxt vite-nuxt:1.25.1029
# 进入镜像
docker exec -it vite-nuxt /bin/sh
# 停止容器
docker stop vite-nuxt
# 删除容器
docker rm vite-nuxt
# 删除镜像
docker rmi vite-nuxt:1.25.1029

[MIT]