create-me-antdv-next 0.1.1

package/README.en.md

@@ -0,0 +1,78 @@
+# create-me-antdv-next
+
+Project scaffold (CLI) based on Vue 3 + TypeScript + Vite + antdv-next + me-ui-antdv-next.
+
+Use `npm create` to generate a ready-to-develop, ready-to-build Vue application.
+
+## Getting Started
+
+```bash
+# Generate a project (replace my-app with any project name)
+npm create me-antdv-next@latest my-app
+
+# Enter project, install dependencies, start development
+cd my-app
+npm install
+npm run dev
+```
+
+> If you omit the project name (`npm create me-antdv-next@latest`), you'll be prompted interactively.
+
+The generated project ships complete source code and configuration, and can be built with `npm run build`.
+
+Common commands inside the generated **application**:
+
+```bash
+npm run dev       # Start dev server (default port 3000)
+npm run build     # Type-check + build production bundle
+npm run preview   # Preview production build
+npm run lint      # Lint and auto-fix
+```
+
+Requests prefixed with `/api` in the dev server are proxied to `VITE_API_BASE_URL` configured in `env/`.
+
+## Generated App Tech Stack
+
+- **Framework**: Vue 3.5 + TypeScript
+- **Build**: Vite 8
+- **UI Library**: antdv-next 1.5 + @me-framework/me-ui-antdv-next
+- **Icons**: @antdv-next/icons + @lucide/vue
+- **Router**: vue-router 5
+- **State Management**: Pinia 4 (with persistedstate)
+- **Auto Import**: unplugin-auto-import + unplugin-vue-components
+- **Styling**: SCSS
+- **Code Quality**: ESLint + Prettier
+
+## Scaffold Source Structure
+
+```
+├── index.mjs            # CLI entry
+├── template/            # App template (copied when generating a project)
+│   ├── env/             # Environment variables
+│   ├── src/             # App source
+│   │   ├── router/      # Router configuration
+│   │   ├── store/       # State management (Pinia)
+│   │   ├── styles/      # Global styles
+│   │   ├── views/       # Page views
+│   │   └── main.ts      # Entry file
+│   ├── index.html
+│   ├── vite.config.ts
+│   └── ...
+├── scripts/
+│   ├── publish.js       # Bump version + publish + tag/push
+│   └── quick-publish.js # Bump version + publish
+└── package.json         # Scaffold (CLI) package manifest
+```
+
+## Development & Publishing
+
+This repo is the scaffold source itself. After cloning:
+
+```bash
+# Debug the CLI locally (generate into a directory)
+node index.mjs my-app
+
+# Publish a new version
+node scripts/quick-publish.js patch   # Bump version and publish
+node scripts/publish.js patch         # Bump version + publish + tag & push
+```

package/README.md

@@ -0,0 +1,78 @@
+# create-me-antdv-next
+
+基于 Vue 3 + TypeScript + Vite + antdv-next + me-ui-antdv-next 的项目脚手架（CLI）。
+
+使用 `npm create` 一键生成一个可直接开发、构建的 Vue 应用项目。
+
+## 快速开始
+
+```bash
+# 生成项目（my-app 可换成任意项目名）
+npm create me-antdv-next@latest my-app
+
+# 进入项目、安装依赖、启动开发
+cd my-app
+npm install
+npm run dev
+```
+
+> 也可以不传项目名：`npm create me-antdv-next@latest` 会交互式提醒输入名称。
+
+生成的项目包含完整源码和配置，可直接 `npm run build` 输出生产包。
+
+生成的**应用**内的常用命令：
+
+```bash
+npm run dev       # 启动开发服务（默认端口 3000）
+npm run build     # 类型检查 + 构建生产包
+npm run preview   # 预览生产构建
+npm run lint      # ESLint 检查并修复
+```
+
+开发服务 `/api` 前缀请求会代理到 `env/` 中配置的 `VITE_API_BASE_URL`。
+
+## 生成的应用技术栈
+
+- **框架**: Vue 3.5 + TypeScript
+- **构建**: Vite 8
+- **UI 库**: antdv-next 1.5 + @me-framework/me-ui-antdv-next
+- **图标**: @antdv-next/icons + @lucide/vue
+- **路由**: vue-router 5
+- **状态管理**: Pinia 4（含 persistedstate 持久化）
+- **自动导入**: unplugin-auto-import + unplugin-vue-components
+- **样式**: SCSS
+- **代码规范**: ESLint + Prettier
+
+## 脚手架源码目录结构
+
+```
+├── index.mjs            # CLI 入口
+├── template/            # 应用模板（生成项目时复制过去）
+│   ├── env/             # 环境变量配置
+│   ├── src/             # 应用源码
+│   │   ├── router/      # 路由配置
+│   │   ├── store/       # 状态管理 (Pinia)
+│   │   ├── styles/      # 全局样式
+│   │   ├── views/       # 页面视图
+│   │   └── main.ts      # 入口文件
+│   ├── index.html
+│   ├── vite.config.ts
+│   └── ...
+├── scripts/
+│   ├── publish.js       # 发布脚本（更新版本号 + 发布 + 打 tag）
+│   └── quick-publish.js # 快速发布（仅更新版本号 + 发布）
+└── package.json         # 脚手架（CLI）包配置
+```
+
+## 开发与发布
+
+本仓库是脚手架本体的代码。克隆后：
+
+```bash
+# 本地调试 CLI（生成到指定目录）
+node index.mjs my-app
+
+# 发布新版本
+node scripts/quick-publish.js patch   # 更新版本号并发布
+node scripts/publish.js patch         # 更新版本号 + 发布 + 打 tag 并推送
+```

package/index.mjs

@@ -0,0 +1,103 @@
+#!/usr/bin/env node
+/**
+ * create-me-antdv-next
+ *
+ * Usage:
+ *   npm create me-antdv-next@latest my-app
+ *   npm create me-antdv-next@latest
+ */
+import {
+  readdirSync,
+  statSync,
+  mkdirSync,
+  readFileSync,
+  writeFileSync,
+  copyFileSync,
+  cpSync,
+  existsSync
+} from 'node:fs'
+import { readdir } from 'node:fs/promises'
+import { resolve, dirname, basename, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createInterface } from 'node:readline'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const templateDir = resolve(__dirname, 'template')
+
+// 合法的 npm 包名（小写，不含空格/特殊字符，不能以 . 或 _ 开头）
+const NAME_RE = /^[a-z][a-z0-9-_]*$/
+
+async function promptProjectName(targetDir) {
+  const rl = createInterface({ input: process.stdin, output: process.stdout })
+  const answer = await new Promise((resolvePromise) => {
+    rl.question(`Project name: (${targetDir}) `, (v) => resolvePromise(v.trim()))
+  })
+  rl.close()
+  return answer || targetDir
+}
+
+async function hasFiles(dir) {
+  try {
+    return (await readdir(dir)).length > 0
+  } catch {
+    return false
+  }
+}
+
+async function copyTemplate(targetDir) {
+  for (const name of readdirSync(templateDir)) {
+    const srcPath = join(templateDir, name)
+    const destPath = join(targetDir, name === '_gitignore' ? '.gitignore' : name)
+    if (existsSync(srcPath) && statSync(srcPath).isDirectory()) {
+      cpSync(srcPath, destPath, { recursive: true })
+    } else {
+      copyFileSync(srcPath, destPath)
+    }
+  }
+}
+
+async function main() {
+  const args = process.argv.slice(2)
+  const unnamedTarget = args.find((a) => a && !a.startsWith('-'))
+  const targetArg = unnamedTarget || (await promptProjectName('me-antdv-next-app'))
+
+  let targetDir = resolve(targetArg)
+  let projectName = basename(targetDir)
+
+  if (!NAME_RE.test(projectName)) {
+    console.error(`✖ Invalid project name: ${projectName}`)
+    console.error(`  - must be lowercase (a-z, 0-9, -, _)`)
+    console.error(`  - must not start with a dot or underscore`)
+    process.exit(1)
+  }
+
+  if (existsSync(targetDir) && (await hasFiles(targetDir))) {
+    console.error(`✖ Target directory "${targetArg}" is not empty.`)
+    console.error(`  Remove it or choose another name.`)
+    process.exit(1)
+  }
+
+  mkdirSync(targetDir, { recursive: true })
+  await copyTemplate(targetDir)
+
+  // 写入真实项目名
+  const pkgPath = join(targetDir, 'package.json')
+  const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'))
+  pkg.name = projectName
+  writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n')
+
+  console.log('')
+  console.log(`✓ Scaffolding project in ${targetDir}...`)
+  console.log('')
+  console.log('  Done. Now run:')
+  console.log('')
+  console.log(`  cd ${targetArg}`)
+  console.log('  npm install')
+  console.log('  npm run dev')
+  console.log('')
+}
+
+main().catch((err) => {
+  console.error(err)
+  process.exit(1)
+})

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "create-me-antdv-next",
+  "version": "0.1.1",
+  "description": "Vue 3 + TypeScript + Vite + Antdv Next + Me UI 项目脚手架",
+  "type": "module",
+  "bin": {
+    "create-me-antdv-next": "index.mjs"
+  },
+  "files": [
+    "index.mjs",
+    "template"
+  ],
+  "keywords": [
+    "vite",
+    "vue",
+    "vue3",
+    "antdv-next",
+    "scaffold"
+  ],
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "publish": "node scripts/publish.js",
+    "quick-publish": "node scripts/quick-publish.js",
+    "lint": "eslint index.mjs --fix"
+  },
+  "devDependencies": {
+    "eslint": "^8.57.0"
+  }
+}

package/template/.eslintrc.cjs

@@ -0,0 +1,27 @@
+/* eslint-env node */
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2022: true,
+    node: true,
+    'vue/setup-compiler-macros': true
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-recommended',
+    '@vue/eslint-config-typescript',
+    '@vue/eslint-config-prettier'
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module'
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }]
+  }
+}

package/template/_gitignore

@@ -0,0 +1,17 @@
+.git
+.gitignore
+.idea
+.vscode
+.DS_Store
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+dist
+build
+.next
+.out
+.serverless
+.webpack
+.webpack-cache
+node_modules

package/template/env/.env.development

@@ -0,0 +1,2 @@
+VITE_APP_TITLE=Me Antdv Next
+VITE_API_BASE_URL=http://localhost:8999

package/template/env/.env.production

@@ -0,0 +1,2 @@
+VITE_APP_TITLE=Me Antdv Next
+VITE_API_BASE_URL=https://api.example.com

package/template/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Me Antdv Next</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/template/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "me-antdv-next-app",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix"
+  },
+  "dependencies": {
+    "@antdv-next/icons": "^1.1.2",
+    "@lucide/vue": "^1.41.0",
+    "@me-framework/me-ui-antdv-next": "^0.0.26",
+    "antdv-next": "^1.5.3",
+    "pinia": "^4.0.3",
+    "pinia-plugin-persistedstate": "^4.7.1",
+    "vue": "^3.5.42",
+    "vue-router": "^5.3.0"
+  },
+  "devDependencies": {
+    "@antdv-next/auto-import-resolver": "^1.1.1",
+    "@types/node": "^26.2.0",
+    "@typescript-eslint/eslint-plugin": "^7.10.0",
+    "@typescript-eslint/parser": "^7.10.0",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "autoprefixer": "^10.5.4",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.26.0",
+    "postcss": "^8.4.0",
+    "prettier": "^3.9.6",
+    "sass": "^1.103.1",
+    "typescript": "^5.9.3",
+    "unplugin-auto-import": "^21.1.0",
+    "unplugin-vue-components": "^32.1.0",
+    "vite": "^8.2.2",
+    "vite-plugin-vue-devtools": "^8.2.1",
+    "vue-tsc": "^3.3.11"
+  }
+}

package/template/postcss.config.cjs

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}

package/template/src/App.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { ConfigProvider, App as AntdApp } from 'antdv-next'
+import zhCN from 'antdv-next/locale/zh_CN'
+</script>
+
+<template>
+  <a-config-provider :locale="zhCN">
+    <a-app>
+      <router-view />
+    </a-app>
+  </a-config-provider>
+</template>
+
+<style>
+html,
+body,
+#app {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+</style>

package/template/src/auto-imports.d.ts

@@ -0,0 +1,92 @@
+/* eslint-disable */
+/* prettier-ignore */
+/* oxlint-disable */
+/* oxfmt-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const acceptHMRUpdate: typeof import('pinia').acceptHMRUpdate
+  const computed: typeof import('vue').computed
+  const createApp: typeof import('vue').createApp
+  const createPinia: typeof import('pinia').createPinia
+  const customRef: typeof import('vue').customRef
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const defineStore: typeof import('pinia').defineStore
+  const effectScope: typeof import('vue').effectScope
+  const getActivePinia: typeof import('pinia').getActivePinia
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const inject: typeof import('vue').inject
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const mapActions: typeof import('pinia').mapActions
+  const mapGetters: typeof import('pinia').mapGetters
+  const mapState: typeof import('pinia').mapState
+  const mapStores: typeof import('pinia').mapStores
+  const mapWritableState: typeof import('pinia').mapWritableState
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeRouteLeave: typeof import('vue-router').onBeforeRouteLeave
+  const onBeforeRouteUpdate: typeof import('vue-router').onBeforeRouteUpdate
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const provide: typeof import('vue').provide
+  const reactive: typeof import('vue').reactive
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const resolveComponent: typeof import('vue').resolveComponent
+  const setActivePinia: typeof import('pinia').setActivePinia
+  const setMapStoreSuffix: typeof import('pinia').setMapStoreSuffix
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const storeToRefs: typeof import('pinia').storeToRefs
+  const toRaw: typeof import('vue').toRaw
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const unref: typeof import('vue').unref
+  const useAttrs: typeof import('vue').useAttrs
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVars: typeof import('vue').useCssVars
+  const useId: typeof import('vue').useId
+  const useLink: typeof import('vue-router').useLink
+  const useModel: typeof import('vue').useModel
+  const useRoute: typeof import('vue-router').useRoute
+  const useRouter: typeof import('vue-router').useRouter
+  const useSlots: typeof import('vue').useSlots
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const watch: typeof import('vue').watch
+  const watchEffect: typeof import('vue').watchEffect
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package/template/src/components.d.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    AApp: typeof import('antdv-next')['App']
+    AButton: typeof import('antdv-next')['Button']
+    AConfigProvider: typeof import('antdv-next')['ConfigProvider']
+    ASpace: typeof import('antdv-next')['Space']
+    LucideHeart: typeof import('@lucide/vue')['Heart']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+  }
+}

package/template/src/env.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_APP_TITLE: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/template/src/main.ts

@@ -0,0 +1,19 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+import { setupStore } from './store'
+
+import Antd from 'antdv-next'
+import MeUIAntdvNext from '@me-framework/me-ui-antdv-next'
+import 'antdv-next/dist/antd.css'
+import '@me-framework/me-ui-antdv-next/style.css'
+import './styles/global.scss'
+
+const app = createApp(App)
+
+setupStore(app)
+app.use(router)
+app.use(Antd)
+app.use(MeUIAntdvNext)
+
+app.mount('#app')

package/template/src/router/guard.ts

@@ -0,0 +1,10 @@
+import type { Router } from 'vue-router'
+
+export function setupRouterGuard(router: Router) {
+  router.beforeEach((to, _from, next) => {
+    if (to.meta.title) {
+      document.title = `${to.meta.title} - ${import.meta.env.VITE_APP_TITLE || 'Me Antdv Next'}`
+    }
+    next()
+  })
+}

package/template/src/router/index.ts

@@ -0,0 +1,14 @@
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { constantRoutes } from './routes'
+import { setupRouterGuard } from './guard'
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: constantRoutes,
+  scrollBehavior: () => ({ top: 0 })
+})
+
+// 安装路由守卫
+setupRouterGuard(router)
+
+export default router

package/template/src/router/routes.ts

@@ -0,0 +1,9 @@
+import type { RouteRecordRaw } from 'vue-router'
+
+export const constantRoutes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    name: 'Home',
+    component: () => import('@/views/home/index.vue')
+  }
+]

package/template/src/store/index.ts

@@ -0,0 +1,12 @@
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+
+const store = createPinia()
+store.use(piniaPluginPersistedstate)
+
+export function setupStore(app: App) {
+  app.use(store)
+}
+
+export { store }

package/template/src/styles/global.scss

@@ -0,0 +1,42 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html,
+body,
+#app {
+  height: 100%;
+  width: 100%;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.4);
+  }
+}

package/template/src/styles/variables.scss

@@ -0,0 +1,5 @@
+$primary-color: #1677ff;
+$text-color: rgba(0, 0, 0, 0.88);
+$text-color-secondary: rgba(0, 0, 0, 0.65);
+$border-color: #d9d9d9;
+$background-color: #f5f5f5;

package/template/src/views/home/index.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const count = ref(0)
+</script>
+
+<template>
+  <div class="home">
+    <a-space direction="vertical" size="large" align="center">
+      <h1>Me Antdv Next</h1>
+      <p>Vue 3 + TypeScript + Vite + Antdv Next + Me UI</p>
+      <a-button type="primary" @click="count++">
+        <template #icon><LucideHeart :size="16" /></template>
+        count is {{ count }}
+      </a-button>
+      <p>
+        Edit
+        <code>src/views/home/index.vue</code>
+        to test hot module replacement.
+      </p>
+    </a-space>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.home {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+
+  h1 {
+    font-size: 2.5rem;
+    margin-bottom: 0;
+  }
+
+  p {
+    color: rgba(0, 0, 0, 0.65);
+  }
+
+  code {
+    background-color: rgba(0, 0, 0, 0.06);
+    padding: 2px 6px;
+    border-radius: 4px;
+  }
+}
+</style>

package/template/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "types": ["vite/client", "node"]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/template/tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template/vite.config.ts

@@ -0,0 +1,84 @@
+import { defineConfig, loadEnv } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { AntdvNextResolver } from '@antdv-next/auto-import-resolver'
+import { fileURLToPath } from 'node:url'
+import { resolve, dirname } from 'node:path'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+/**
+ * Object.prototype 上继承的属性名集合。
+ * AntdvNextResolver 内部用 `componentsMap[name]` 直接取值，
+ * 当自动导入扫描到 constructor / toString 等标识符时，会命中原型链返回原生函数对象，
+ * 序列化后生成损坏的 import。这里在 resolver 层显式排除这些原型属性名。
+ */
+const OBJECT_PROTO_KEYWORDS = [
+  'constructor',
+  'toString',
+  'valueOf',
+  'hasOwnProperty',
+  'isPrototypeOf',
+  'propertyIsEnumerable',
+  'toLocaleString',
+  '__proto__'
+]
+
+export default defineConfig(({ mode }) => {
+  const envDir = resolve(__dirname, 'env')
+  const env = loadEnv(mode, envDir)
+  return {
+    envDir,
+    resolve: {
+      alias: {
+        '@': resolve(__dirname, 'src')
+      }
+    },
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: `@use "@/styles/variables.scss" as *;`
+        }
+      }
+    },
+    plugins: [
+      vue(),
+      AutoImport({
+        imports: ['vue', 'vue-router', 'pinia'],
+        dts: 'src/auto-imports.d.ts',
+        resolvers: [AntdvNextResolver({ exclude: OBJECT_PROTO_KEYWORDS })]
+      }),
+      Components({
+        dts: 'src/components.d.ts',
+        resolvers: [
+          AntdvNextResolver({ exclude: OBJECT_PROTO_KEYWORDS }),
+          (componentName) => {
+            if (componentName.startsWith('Lucide')) {
+              return { name: componentName.slice(6), from: '@lucide/vue' }
+            }
+          }
+        ]
+      })
+    ],
+    server: {
+      host: '0.0.0.0',
+      port: 3000,
+      open: false,
+      proxy: {
+        '/api': {
+          target: env.VITE_API_BASE_URL,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, '')
+        }
+      }
+    },
+    build: {
+      outDir: 'dist',
+      sourcemap: false
+    },
+    optimizeDeps: {
+      include: ['@me-framework/me-ui-antdv-next']
+    }
+  }
+})