基于Vue3开发一个简单的Tauri跨端应用- markdown编辑器

2,411 阅读1分钟

tauri是一个类似于electron的跨端客户端应用开发框架,其核心是使用rust作为后端语言,并直接采用系统自带的webview渲染前端页面。借用rust的自身特点,实现具有安全性、高性能的客户端程序。本文主要描述一个采用tauri构建的简单的markdown编辑器。

技术选型

  • vue3
  • tauri

开发环境搭建

可直接使用tauri官方提供的cli工具,执行下面的命令,然后根据提示便可创建一个vue3+tauri的项目

yarn create tauri-app

功能描述及UI设计

功能

  • 导入本地文件夹、创建本地文件
  • 使用bytemd作为markdown内容的编辑器
  • 内容搜索

UI设计

  • 主要左侧侧边栏、中间列表展示/搜索结果展示页、右侧编辑器: simple-notebook.png

具体页面效果

  • 列表展示: simple-list.png

  • 搜索结果:

simple-search.png

总结与反思

好的方面

  • tauri开发的项目相对于electron最大的特点就应该是打包的体积很小 build.png

差的方面

  • rust生态相对于nodejs来讲还比较差
  • rust开发心智负担较重,面向编译器编程

源码地址

对源码感兴趣的可以点击simple-notebook