🎊这个 OpenTiny 开源项目的 CLI 可太牛了，两行命令创建一个美观大气的 Vue Admin 后台管理系统，有手就会，连我的设计师朋友都学会啦啦

大家好，我是 Kagol，OpenTiny 开源社区运营，TinyVue 跨端、跨框架组件库核心贡献者，专注于前端组件库建设和开源社区运营。

近期尝试了下 OpenTiny 的 CLI 工具，不得不说，简单到“有手就会”，连我的设计师朋友都学会啦啦。

我们先来看下实现的效果图。

登录页：

看板页：

工作台：

是不是非常惊艳！

更多效果可访问以下链接进行体验：

https://opentiny.design/vue-pro/pages

这样美观大气的 Vue Admin 系统只需要两条命令就可以创建，快来试试看吧！

// 安装 TinyCLI
npm install @opentiny/cli npminstall@3 -g

// 创建 TinyVue Pro 项目
tiny init vue-pro

终端界面出现以下提示，说明项目初始化已经成功

--------------------初始化成功,请按下面提示进行操作--------------------

$ tiny start         # 可一键开启项目开发环境
$ tiny help          # 可查看当前套件的详细帮助

建议将现有初始化的代码提交一次到master分支, 方便后续切换到 daily/x.y.z 分支进行开发

-------------------- 技术支持：官方小助手微信opentiny-official --------------------

执行 tiny start 即可启动项目！

由于太过简单，我的设计师朋友都学会了，作为前端的你不打算尝试下？

5分钟之内没把这个美观大气的 Vue Admin 系统搭建起来，你打我！

搭建过程中遇到问题欢迎留言讨论！

联系我们

如果你对我们 OpenTiny 的开源项目感兴趣，欢迎添加小助手微信：opentiny-official，拉你进群，一起交流前端技术，一起玩开源。

OpenTiny 官网：https://opentiny.design/

OpenTiny 仓库：https://github.com/opentiny/

Vue 组件库：https://github.com/opentiny/tiny-vue（欢迎 Star ）

Angular 组件库：https://github.com/opentiny/ng（欢迎 Star ）

CLI 工具：https://github.com/opentiny/tiny-cli（欢迎 Star ）