一直以来没有找到一个好用的甘特图插件,有些功能很好的收费又比较贵。因此以 Vue Vben 为基础开发了一个甘特图组件。使用了最新的vue3
,vite5
,TypeScript
等主流技术开发,开箱即用,也可用于学习参考。
- 最新技术栈:使用 Vue3/vite5 等前端前沿技术开发
- TypeScript: 应用程序级 JavaScript 的语言
- node 和 git -项目开发环境
- Vite - 熟悉 vite 特性
- Vue3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉
TypeScript
基本语法 - Es6+ - 熟悉 es6 基本语法
- Ant-Design-Vue - ui 基本使用
- 获取项目代码
git clone https://github.com/tiny-flame/vue3-gantt.git
- 安装依赖
cd vue3-gantt
pnpm install
- 运行
pnpm serve
非常欢迎你的加入!提一个 Issue 或者提交一个 Pull Request。
Pull Request:
- Fork 代码!
- 创建自己的分支:
git checkout -b feat/xxxx
- 提交你的修改:
git commit -am 'feat(function): add xxxxx'
- 推送您的分支:
git push origin feat/xxxx
- 提交
pull request
-
feat
增加新功能fix
修复问题/BUGstyle
代码风格相关无影响运行结果的perf
优化/性能提升refactor
重构revert
撤销修改test
测试相关docs
文档/注释chore
依赖更新/脚手架配置修改等workflow
工作流改进ci
持续集成types
类型定义文件更改wip
开发中
本地开发推荐使用Chrome 80+
浏览器
支持现代浏览器, 不支持 IE
![]() IE |
![]() Edge |
![]() Firefox |
![]() Chrome |
![]() Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
如果这些库对你有帮助,可以给一个 star 支持下
- vue-vben-admin - Vue Vben Admin 是一个免费开源的中后台模版。
- ngx-gantt - ngx-gantt 是一款基于 Angular 框架的甘特图组件
- gantt-schedule - 一款收费的甘特图组件,效果很好
vue3-gantt
是完全开源免费的项目,项目仍在完善中,有问题可以加好友交流。
- 微信
BG5AUJ