Tauri + Vue 3

This template should help get you started developing with Tauri + Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar + Tauri + rust-analyzer

tauri-markdown

使用 tauri 开发一款 Markdown Editor

新建 tauri 项目

执行 npm create tauri-app@latest

> create-tauri-app

✔ Project name · tauri-markdown
✔ Identifier · com.tauri-markdown.app
✔ Choose which language to use for your frontend · TypeScript / JavaScript - (pnpm, yarn, npm, deno, bun)
✔ Choose your package manager · npm
✔ Choose your UI template · Vue - (https://vuejs.org/)
✔ Choose your UI flavor · JavaScript

然后执行 npm install 完成依赖的下载

引入 MarkdownEditor 组件

1. 下载 editor.md、scriptjs 和 jquery.js 1.1 将 editor.md 放置到 public/static 目录下 1.2 下载 jquery.min.js 放到 public/static/jQuery 目录下 1.3 npm install scriptjs --save

2. 封装组件 MarkdownEditor.vue，放在 src/components/ 目录下

引入 tauri 的文件系统和对话框插件

执行这两条指令：

1. npm run tauri add fs
2. npm run tauri add dialog