基于Vue3和Typescript的开源项目，供大家参考学习(Ts+vite+pinia+unocss+naiveui+vueuse)

最新推荐文章于 2025-05-24 09:27:47 发布
最新推荐文章于 2025-05-24 09:27:47 发布
阅读量549 收藏 3
点赞数
CC 4.0 BY-SA版权
分类专栏： vue JavaScript HTML5 文章标签： typescript 学习 前端 vue vite
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44356616/article/details/129298354
Whiteboard是一款基于Vue3、Vite3和TypeScript的团队协作应用，采用NaiveUI和Pinia进行界面和状态管理，还集成了UnoCSS。它提供了看板、表格和仪表盘功能，支持自定义展示任务、数据编辑、批量操作以及暗黑模式，帮助用户高效管理项目和任务。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

whiteboard团队协作工具

简介

whiteboard 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的团队协作工具

特性

  • 看板：自定义展示任务关键信息，灵活排序和调整看板分组，分类管理所有任务
  • 表格：表格化展示任务数据，更符合工作习惯，支持编辑数据，批量操作
  • 数据仪表盘：个性化数据仪表盘，帮助管理者可从人员、周期、工时、完成情况等多个维度，实时掌握项目、任务的关键数据
  • 主题：可配置暗黑模式主题

预览

whiteboard

代码仓库

github
gitee

例图
白板面板
统计数据

一个基于vue3+vite+ts的完整项目
ann的博客
10-10 1万+
VUE VBEN ADMIN2.0 介绍 vue-vben-admin-2.0 是一个全新的开源系统,基于ant-design-vue2.x,typescript4,vue3,vite实现的 vue3 风格的后台管理系统。 项目基于ant-design-vue,typescript,vue3.0,vite,tailwindcss,tsx实现的 vue3 风格的后台管理系统， gitHub 地址 vue-vben-admin2.0 - main 分支 预览地址 2.0 在线预览 文档 2.0 文档还没开始写.
vue3+ts项目搭建
weixin_47821983的博客
11-22 2759
a) 完成以上的步骤以后会生成 eslint.config.js 文件 这个是eslint9 以后的版本(我也找了很多资料最后在github中拔了一个项目以后才配置好的)Ⅱ、修改npm的下载源 （因为默认指向的是 国外的下载地址，指向淘宝下载地址，下载速度就会很快）1、检查是否安装pnpm (默认npm安装成功的情况下，也就是安装了node)c) tsconfig.json 配置这个可以@别名的问题。b)修改配置vite.config.ts。eslint.config.js 的配置 具体如下。
Vue3+Ts+Vite 项目搭建&项目说明
kiku
07-26 3186
如题。
开源推荐：基于Vue3+ts+element-plus+AntV X6的流程图编辑器源码
最新发布
gitblog_06751的博客
05-24 614
开源推荐：基于Vue3+ts+element-plus+AntV X6的流程图编辑器源码 【下载地址】基于Vue3tselement-plusAntVX6实现的流程图编辑器源码 这是一个基于Vue3、TypeScript、element-plus和AntV X6开发的开源流程图编辑器，专为开发者设计。项目充分利用了Vue...
【Vue3】手把手教你创建前端项目 Vue3 + Ts + vite + pinia
weixin_44590591的博客
11-03 3568
手把手教你创建前端项目 Vue3 + Ts + vite + pinia
❤ 15个基于Vue3.0全家桶的优秀开源项目
热门推荐
林太白
07-03 2万+
❤ 15个基于Vue3.0全家桶的优秀开源项目
基于vue3+vite+typescript+pinia后台管理系统模版源码+详细说明.zip
05-05
采用 vue3 全家桶（vite+pinia+element-plus+vue-router@4）功能介绍 使用 Vue3.2.45 + TypeScript 开发 采用 Vite4.0 作为项目开发、打包工具（配置 Gzip 打包、TSX 语法、跨域代理……） 使用 Prettier 统一格式化...
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
Vue3+Vite+TypeScript+Ant Design Vue+Pinia等主流技术的后台管理系统项目.zip
01-03
Vue3+Vite+TypeScript+Ant Design Vue+Pinia是一个现代前端开发的组合，用于构建高效、可维护的后台管理系统。这个项目充分利用了这些技术的优势，提供了丰富的功能和优化的开发体验。以下是对这些技术及其在后台...
vue3+ts+less+vite+pinia+axios基础封装项目模版
03-26
Vue 3是Vue.js的最新版本，带来了许多改进和新特性，包括更快的性能、更小的体积、更好的TypeScript支持以及Composition API等。使用Vue 3，开发者可以更加高效地构建用户界面，并享受更好的开发体验。 TypeScript ...
uniapp + vue3 +vite + ts + pinia 框架模板
01-31
这是一个基于uni-app、Vue.js 3、vite、TypeScript和Pinia的项目模板，用于构建移动端应用。让我们逐一探讨这些技术的特性与它们在框架中的作用。 **uni-app** 是一个跨平台的开发框架，它允许开发者使用一套代码来...
开源全新开源源码Vue3+TS的前后台分离的开发平台源码
08-16
开源全新开源源码Vue3+TS的前后台分离的开发平台源码。创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区，共建开源新生态！ 功能简介 个人办公：待办事项、抄送传阅、办理历史、发起申请、申请历史、我的草稿 内容管理：公告、新闻 组织管理：组织管理、用户管理、角色管理、 岗位管理。笔者十多年研发见过无数组织架构，它堪称最精简最完美的设计。 流程管理：表单表单设计、流程设计、流程实例管理、任务管理、系统对话框管理。（目前基于AgileBPM的商业组件，如果觉得不合适可切换为其他框架的流程模块，目前没有能入眼的） 系统管理：字典分类管理、异常日志、系统资源、系统属性、常用脚本、短信邮件通知
vue3-ts-base:一个基于vue3 + typescript + ant-design-vue的构建的基础代码库，有完善的类型系统，帮助快速构建vue3的基础代码架构
03-11
项目基础代码架构说明 如果对你有帮助的话，欢迎star demo演示地址： : 包管理工具 建议使用yarn，也是vue-cli4.0 +默认工具 主要用到的库 vue全家桶vue3 + vue-router + vuex +打字稿 http请求：axios ui库：ant-design-vue。 提交规范：git cz commitizen 版本更改历史：changelog 文档工具：typedoc 代码检查：eslint + eslint-typescript，格式化：更漂亮。提交之前检查与修复：lint-staged mocha，ts-node webpack插件：style-resources-loader（较少）webpack-bundle-analyzer（包分析工具）splitChunks（代码分离） 代码基础架构说明 |-- 根目录 |-- dist 项目
vue3-admin-template:基于vue3 + ts适用于电商平台的后台管理系统模板
03-11
vue3-管理模板 一个vue3 + ts后台管理系统模板 项目亚军 npm install npm run serve 部分截图
taro-music-ts：优秀的taro开源项目
02-05
说明 由Taro-cli构建，搭配typescript和dva使用适合微信小程序和h5（由于Taro.getBackgroundAudioManager不兼容h5，目前h5端不能正常播放） 部分代码参考自 运行 首先启动服务端，接口服务由提供，下载代码，启动服务，命令如下： npm i npm run start 启动客户端 npm install npm run dev:weapp 或 npm run dev:h5 去做 收藏 评论 播放视频 设定 动效 屏幕截图 首页 我的 账号 专辑 播放 登录 签到 我的动态 我的关注 最近播放
ts：ts项目
02-07
这是由提供支持的工作流存储库，是从 :chequered_flag: 入门 构建Actionsflow工作流分为三个步骤： 通过此创建公共的Github存储库。 典型的Actionsflow存储库结构如下所示： ├── .github │ └── workflows │ └── actionsflow.yml ├── .gitignore ├── README.md └── workflows │ └── rss.yml │ └── webhook.yml └── package.json 在workflows目录中定义您的 典型的工作流程文件rss.yml如下所示： on : rss : url : https://hnrss.org/newest?points=300&count=3 jobs : request : name : Make a HTTP
2024最新版Vue3+Ts+Vite初始化项目框架（保姆级）
m0_65789515的博客
05-16 7925
一句话总结：使用vite构建项目，启动的速度要比使用webpack构建更快。
搭建一个Vue3+Ts项目
weixin_45594156的博客
12-08 3616
Vite+Vue3+Ts+sass+Router+pinia+axios,Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值