Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended Setup

• VS Code + Vue - Official (previously Volar) and disable Vetur

• Use vue-tsc for performing the same type checking from the command line, or for generating d.ts files for SFCs.

npm version patch更新版本

tailwindcss v3升级v4说明： 1、安装@tailwindcss/vite 和 tailwindcss两个包 2、vite.config.ts中将tailwind配置从postcss中移动到plugins中 3、vite.config.ts中的导入语句修改为import tailwindcss from "@tailwindcss/vite"; 4、在root.css中添加： @import "tailwindcss"; 删除以下语句： @tailwind base; @tailwind components; @tailwind utilities; 5、暗色模式支持，在root.css中添加： @custom-variant dark (&:where(.dark, .dark *)); 主页面用包裹; 子元素可用实现定义暗色模式， 启用暗色模式时只需在元素的class中新增class="dark"即可。js可通过 document.documentElement.classList.toggle("dark")实现切换