wocwin-vp-cli

📖 简介

实现的前端通用 cli 脚手架

特性

• Vue3：采用 Vue3 + script setup 最新的 Vue3 组合式 API
• Element Plus：Element UI 的 Vue3 版本
• @wocwin/t-ui-plus：基于Element Plus 二次封装的组件库
• 使用 Pinia 替代 Vuex，轻量、简单、易用（ 集成了持久化插件）
• 使用 KeepAlive 对页面进行缓存，支持多级嵌套页面缓存
• 使用 vue-router 进行路由权限拦截、路由懒加载
• 整个项目集成了 TypeScript、i18n 国际化
• PNPM：更快速的，节省磁盘空间的包管理工具
• Scss：和 Element Plus 保持一致
• CSS 变量：主要控制项目的布局和颜色
• 使用 Prettier 统一格式化代码，集成 Eslint 代码校验规范
• 使用 TypeScript 对 Axios 整个二次封装 （全局错误拦截）
• 项目支持多种常规的布局模式；同时支持主题切换、暗黑模式、灰色模式。
• 项目支持菜单按钮权限（wocwin:可以看见所有，user:无法看见大屏、高德地图菜单及部分系统管理的操作按钮）。

模版

• ✅ [Vue3-template][https://github.com/wocwin/wocwin-admin]
• ✅ [Vue2-template][https://github.com/wocwin/wocwin-vue2]
• ✅ [cli 模版][https://github.com/wocwin/wocwin-vp-cli]

🏗 安装

npm install wocwin-vp-cli -g

📦 使用

wocwin-vp-cli create <project-name>

🚩 查看脚手架版本

wocwin-vp-cli -v