create-zhao-vue3
v1.0.5
Published
Scaffold for Vue 3 + Vite + TypeScript projects
Readme
create-zhao-vue3
基于 Vue 3 + Vite + TypeScript 的项目脚手架,内置常用工程化能力,创建时可按需裁剪。
使用
# npm
npm create zhao-vue3@latest my-app
# pnpm
pnpm create zhao-vue3 my-app
# 本地调试
pnpm install
pnpm create my-app交互选项
| 选项 | 说明 |
|------|------|
| 作者 / 描述 | 写入 package.json |
| 包管理器 | pnpm / npm / yarn / bun |
| Vue Router | 路由与示例页面 |
| Pinia | 状态管理示例 |
| Axios | 请求封装 + API 示例 |
| Mock | vite-plugin-mock 本地接口 |
| Element Plus | 按需引入 + SCSS 主题变量 |
| 自动安装依赖 | 创建完成后执行 install |
跳过交互、使用默认全开配置:
create-zhao-vue3 my-app --default模板能力
生成项目默认包含:
- Vite 8 + Vue 3.5 + TypeScript
unplugin-auto-import/unplugin-vue-components- SVG 图标、
@路径别名、全局 SCSS 变量 - ESLint + Oxlint + Oxfmt
- Vitest 单元测试示例
- Vue DevTools 插件
开发本仓库
pnpm install
# 建议在仓库「外」生成测试项目,避免 pnpm workspace 导致子项目没有 node_modules
cd ..
node create-vue3-int/bin/create-zhao-vue3.js demo-app --default
cd demo-app
pnpm install # 若仍在 workspace 内,改用:pnpm install --ignore-workspace
pnpm dev若在脚手架目录内生成(如 my-dem1),pnpm install 可能显示 Already up to date 但不安装依赖,请执行:
pnpm install --ignore-workspace发布
npm publish确保 files 包含 bin、src、templates。
