TinyPro Vue 1.1.0 正式发布：增加细粒度权限、页签模式、多级菜单，支持Vite/Rspack/Farm等构建工具

本文由体验技术团队Kagol原创。
为了提升前端开发效率，OpenTiny 提供了一个跨平台的前端工程化 CLI 工具 TinyCLI，为开发者提供一系列开发套件及工程插件，覆盖前端开发的整个链路，保证团队开发过程的一致性和可复制性。

• 源码：https://github.com/opentiny/tiny-cli/ （欢迎Star ⭐）
• 官网：https://opentiny.design/tiny-cli/

我们非常高兴地宣布，2024年11月23日，TinyVue Pro 发布了 v1.1.0 🎉。

本次 1.1.0 版本主要有以下重大变更：

• 增加页签模式
• 增加多级菜单
• 增加 NestJS 后端
• 增加细粒度权限管理：角色 / 用户 / 菜单 / 组件权限
• 增加 Webpack / Vite / Rspack / Farm 等多种构建工具支持

详细的 Release Notes 请参考：https://github.com/opentiny/tiny-cli/releases/tag/tiny-tookit-pro@1.1.0

本次版本主要由 GaoNeng-wWw 指导，Muyu-art 完成开发👏

感谢GaoNeng-wWw 和 Muyu-art 在 TinyPro Vue 项目中作出的杰出贡献！

你可以更新 @opentiny/tiny-toolkit-pro@1.1.0 进行体验！

总体步骤：

1. 安装 TinyCLI npm install @opentiny/cli -g
2. 安装 TinyPro Vue tiny install @opentiny/tiny-toolkit-pro
3. 初始化项目：执行 tiny init pro 命令初始化一个包含前后端的全栈中后台项目
4. 启动后端：nestJs 目录下执行 docker compose up -d
5. 启动前端：web 目录下执行 npm i && npm start
6. 启动 Mock 服务：web 目录下执行 npm run mock
7. 体验和使用项目

1 安装 TinyCLI 和 TinyPro Vue

安装 TinyCLI：

npm install @opentiny/cli -g

验证是否成功安装：

tiny -v

安装 TinyPro Vue：

tiny install @opentiny/tiny-toolkit-pro@1.1.0

✔ Linked 515 latest versions fallback to /kagol/.tiny/node_modules/.store/node_modules
✔ Run 1 script(s) in 79ms.
✔ Installed 1 packages on /Users/kagol/.tiny
✔ All packages installed (637 packages installed from npm registry, used 12s(network 12s), speed 695.16KB/s, json 186(0B), tarball 8.06MB, manifests cache hit 329, etag hit 329 / miss 180)

2024-11-22 19:44:11 [core-module]: @opentiny/tiny-toolkit-pro 安装成功