一个基于 Tauri、Vite 5、Vue 3 和 TypeScript 构建的即时通讯系统,牛啊牛啊!(附源码)

server/2024/9/23 8:07:06/

这段时间正在学习桌面端开发,目前了解了Electron和Tauri,在搜索教程的时候发现了一位大佬用Tauri开发了个即时通讯的软件,并且技术栈用的也是VUE3和TypeScript,所以今天就给大家分享一下这个项目——HuLa

HuLa

HuLa 是一个基于 Tauri、Vite 5、Vue 3 和 TypeScript 构建的即时通讯系统。它利用了 Tauri 的跨平台能力和 Vue 3 的响应式设计,结合了 TypeScript 的类型安全特性和 Vite 5 的快速构建,为用户提供了一个高效、安全和易用的通讯解决方案。

图片

技术栈介绍

  • Tauri: 一个轻量级的、高性能的桌面应用容器,使得我们可以使用前端技术栈来开发跨平台的桌面应用。Tauri 的设计哲学是在保证安全性的前提下,尽可能减少资源占用。

  • Vite 5: Vite 是一个现代化的前端构建工具,它利用原生 ES 模块导入的能力来提供一个快速的开发服务器,与此同时,它也为生产环境打包提供了强大的支持。Vite 5 是其最新的版本,带来了更多的优化和特性。

  • Vue 3: Vue 3 是一个渐进式JavaScript框架,用于构建用户界面。它的组合式API、更好的TypeScript集成和对移动端的优化使得开发复杂的单页应用变得更加简单和高效。

  • TypeScript: TypeScript 是 JavaScript 的一个超集,它在 JavaScript 的基础上增加了类型系统。这让我们能够在开发过程中捕获更多的错误,并且提供更好的编辑器支持。

  • pnpm:项目使用pnpm进行包管理,pnpm 安装依赖的速度比 npm 和 Yarn 更快,因为它利用了硬链接和符号链接,避免了重复下载和存储相同依赖的多个版本。

安装运行

安装node版本需要大于等于18.12

pnpm install

运行

pnpm run tauri:dev

打包构建生产版本

pnpm run tauri:build

样式

群聊

图片

好友

图片

外观通用设置

图片

聊天输入

图片

如果大家对桌面端也有兴趣的话,不妨去试一试学习一下

https://github.com/nongyehong/HuLa-IM-Tauri


http://www.ppmy.cn/server/120696.html

相关文章

基于python+django+vue的图书管理系统

作者:计算机学姐 开发技术:SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等,“文末源码”。 专栏推荐:前后端分离项目源码、SpringBoot项目源码、SSM项目源码 系统展示 【2025最新】基于pythondjangovueMySQL的图…

【二等奖论文】2024年华为杯研究生数学建模F题成品论文(后续会更新)

您的点赞收藏是我继续更新的最大动力! 一定要点击如下的卡片,那是获取资料的入口! 点击链接获取【2024华为杯研赛资料汇总】: https://qm.qq.com/q/alQjz21npu https://qm.qq.com/q/alQjz21npu X射线脉冲星光子到达时间建模 摘要 脉冲星是…

vim入门操作命令

目录 常用命令移动光标删除字符撤销和重做复制和粘贴搜索和替换保存和退出分屏 参考资料 常用命令 vim 工具本身提供了许多常用快捷键,以下是一些常用的命令: 移动光标 h:向左移动一个字符j:向下移动一行k:向上移动…

283. 移动零

文章目录 1.题目2.思路3.代码 1.题目 283. 移动零 给定一个数组 nums,编写一个函数将所有 0 移动到数组的末尾,同时保持非零元素的相对顺序。 请注意 ,必须在不复制数组的情况下原地对数组进行操作。 示例 1: 输入: nums [0,1,0,3,12] …

comp 9517 Computer Vision week1

本篇博文为课堂笔记,因为英语不好现在不得不课下看录像复习一遍 颜色模型 RGBHSVYCbCrL\*a\*b RGB 有红、绿、蓝三通道 problem:不同通道之间高度相关,包含同种信息 如果想要紧凑的(as compactly as possible)存储图像RGB不合适,…

第五章 继承、多态、抽象类与接口 课后训练(3)

训练 5 模拟轿车驾驶 对于轿车而言,他至少有友们他便和刹车踏板。模拟自动挡车型的正确驾驶的方式。 public class car {public static void main(String[] args) {System.out.print("如果你想前进,就");//创建加速的对象add add1 new add()…

零工市场小程序:保障灵活就业

截止2024年高校毕业生达到1179万,在今年的经济情况下,就业市场就面临着比较大的压力,许多毕业生面临一时之间难以找到合适的工作的问题,那么求职者就会需要一份临时的工作来得到报酬,面对传统的找零工方式,…

【AI画图】stable-diffusion-webui学习之一《安装部署》

简介 Stable Diffusion是2022年发布的深度学习文本到图像生成模型,它是一种潜在扩散模型,它由创业公司Stability AI与多个学术研究者和非营利组织合作开发。目前的SD的源代码和模型都已经开源,在Github上由AUTOMATIC1111维护了一个完整的项目…