用 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。

相关推荐
鬼手点金6 小时前
nanoGPT/nanochat 能做出 DeepSeek/Qwen 这样的大模型吗?
服务器·前端·javascript·bug·openclaw
蛋蛋的就会顺顺的7 小时前
hot100 p0——栈,贪心算法,动态规划
java·前端·javascript·算法·leetcode·力扣
程序员Sunday7 小时前
TypeScript 的 any、unknown、never 有什么区别?
前端·面试·typescript
朱涛的自习室7 小时前
70 美金的 Beyond Compare,我让 Gemini 4 和 DeepSeek 造个开源免费版(Day 2)
android·前端·人工智能
码艺-Alimjan8 小时前
Tauri 源码备份 · 打包 & 解压 总结,源码收集之路
前端·javascript·vue.js
小马不起床8 小时前
零基础玩转 FastAPI_11:前端后台管理页面
前端·状态模式·fastapi
子非鱼a9 小时前
【文件上传】一个普普通通的edu16
前端
美狐美颜SDK开放平台9 小时前
直播APP如何实现美白滤镜功能?视频美颜SDK技术开发方案详解
前端·数据库·人工智能·音视频·美颜sdk·直播美颜sdk·视频美颜sdk
pride.li10 小时前
第03章 Python 教程-基础语法:注释与变量
服务器·前端·后端·python·算法·计算机视觉
屏什么录10 小时前
电脑如何录屏幕视频和声音?从工具到代码,7 种方案帮你彻底搞定
前端·音视频开发