lins-vue3-base
v1.0.2
Published
Vue 3 + TypeScript + Vite 项目脚手架,支持通过 npx 快速创建新项目。
Readme
lins-vue3-base
Vue 3 + TypeScript + Vite 项目脚手架,支持通过 npx 快速创建新项目。
特性
- Vue 3:使用最新的 Vue 3 Composition API 和
<script setup> - TypeScript:完整的 TypeScript 支持
- Vite:快速的开发服务器和构建工具
- Ant Design Vue:美观的 UI 组件库
- Pinia:轻量级的状态管理库
- Vue Router:官方路由管理器
- Axios:强大的 HTTP 客户端
- Tailwind CSS:实用优先的 CSS 框架
- ESLint:代码质量检查
- Prettier:代码格式化
使用方法
通过 npx 创建新项目
npx lins-vue3-base create <project-name>例如:
npx lins-vue3-base create my-vue-app进入项目目录并安装依赖
cd my-vue-app
npm install启动开发服务器
npm run dev构建生产版本
npm run build项目结构
src/
├── api/ # API 接口定义
├── assets/ # 静态资源
├── components/ # 组件
├── router/ # 路由配置
├── store/ # 状态管理
├── views/ # 页面视图
├── App.vue # 根组件
├── main.ts # 入口文件
└── style.scss # 全局样式开发
如果您想修改脚手架本身,可以按照以下步骤进行:
- 克隆仓库
- 安装依赖:
npm install - 运行开发服务器:
npm run dev - 测试 CLI 命令:
node bin/cli.js create <project-name>
发布
- 更新版本号:修改
package.json中的version字段 - 构建:
npm run build - 发布到 npm:
npm publish
许可证
MIT
