用 Tauri 写一个 micro-vscode

前言

Tauri 是一个构建适用于所有主流桌面和移动平台的轻快二进制文件的框架。开发者们可以集成任何用于创建用户界面的可以被编译成 HTML、JavaScript 和 CSS 的前端框架,同时可以在必要时使用 Rust、Swift 和 Kotlin 等语言编写后端逻辑。

  • 对于开发者而言,Tauri 有三个主要优势:
    • 构建应用所需的可靠基础
    • 使用系统原生 webview(网页视图)带来的更小打包体积
    • 使用任何前端技术和多种语言绑定带来的灵活性

详情可到官方文档What is Tauri查看。

Tauri 的 2.0 版本支持了移动端,如今 Tauri 已经发布到了tauri-v2.0.0-beta.8版本。Tauri 2.0 不仅仅是移动。以下是将包含的一些功能:

  • 强大的插件:许多 Tauri API 已转向使用 Tauri 插件系统。这使我们能够使 Tauri 代码更加模块化、更易于维护,但也使我们能够使插件系统更强大,以便开发人员构建自己的插件。
  • 插件的 Swift 和 Kotlin 绑定:现在您可以在 Swift 和 Kotlin 中编写特定于平台的代码。Tauri 从 1.0 版本开始就在 Rust 和 JavaScript 代码之间架起了一座桥梁。借助 Tauri 2.0,插件开发人员将能够使用 Swift 和 Kotlin 编写代码,以便与他们正在开发的系统更紧密地集成。
  • 支持 iOS 和 Android:您将能够构建 Tauri 应用程序并在 iOS 和 Android 上运行它们。

详情可以到官方Tauri 2.0 路线图查看。

Tauri demo

项目地址micro-vscode

创建项目

详情参考官方文档Create a Project

bash 复制代码
pnpm create tauri-app --beta

cd my-tauri-app
npm install
npm run tauri dev

目录结构

如下图,其实和普通的 vite 项目没什么区别,就是多了一个 src-tauri 的文件夹,存放服务端的代码。

客户端

git clone

git commit

使用 github token 提交,需要在 user 中设置

git pull and push

设置 git config 的 username 和 email

  • 设置 username
  • 设置 email
  • 设置 gitHub token

查看项目

编辑文件

使用 Cmd + S 保存

服务端

服务端使用 rust 写的,其实我几乎不懂 rust,这个项目的 rust 代码都是 chatgpt 帮我写的

TodoList

  • 读取本地文件系统
  • 新建文件/问价
  • 更新 git 操作类似到工具栏,类似 vscode
  • 搜索文件内容
  • 通过文件名搜索文件

写在最后

这是就是一个学习向的 Tauri Demo, 完全是我的第一个 Tauri 应用。

感兴趣的话可以关注项目地址micro-vscode

相关推荐
青衫码上行14 分钟前
【Java Web学习 | 第十篇】JavaScript(4) 对象
java·开发语言·前端·javascript·学习
CodeLongBear17 分钟前
第一次搭建个人主页+GitHub部署全记录:HTML/CSS/JS前端实现+留言板踩坑
前端·个人页面·部署上线
by__csdn17 分钟前
Node各版本的区别,如何选择版本以及与NPM版本对照关系
前端·npm·node.js
禁默19 分钟前
基于Rust实现爬取 GitHub Trending 热门仓库
开发语言·rust·github
q***428221 分钟前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
Dontla1 小时前
React zustand todos案例(带本地存储localStorage、persist)todoStore.ts
前端·react.js·前端框架
阿珊和她的猫1 小时前
WebRTC 技术深度解析:实时通信的未来引擎
前端·webpack·node.js·webrtc
silence_xiang1 小时前
【React】首页悬浮球实现,点击出现悬浮框
前端·javascript·react.js
隔壁的大叔1 小时前
由于vite版本不一致,导致vue组件引入报错
javascript·vue.js
申阳1 小时前
Day 11:集成百度统计以监控站点流量
前端·后端·程序员