创建tauri项目，接入tailwind

一、背景

准备开发个小项目，调研了桌面技术，准备用tauri。让AI帮忙生成项目，结果一堆报错，果断人工跟进。记录下如何创建tauri项目，以及接入tailwind。

二、方案确定

根据需求和自己的情况，我是这样定的方案

• 决定采用pnpm管理包，节省磁盘

• 前端用ts，纯rust目前还不够成熟

• UI template使用react，熟悉一些

• 后端用rust，主要面向mac平台

三、创建项目命令

pnpm create tauri-app

然后会让填写一堆选项,选择结果如下

✔ Project name · mk-tauri
✔ Identifier · com.one.mkdown-tauri
✔ Choose which language to use for your frontend · TypeScript / JavaScript - (pnpm, yarn, npm, deno, bun)
✔ Choose your package manager · pnpm
✔ Choose your UI template · React - (https://react.dev/)
✔ Choose your UI flavor · TypeScript

然后

cd mk-tauri
pnpm install
pnpm tauri dev

看看效果

三、接入tailwindCSS

pnpm install tailwindcss @tailwindcss/vite

增加配置

然后App.css增加如下代码

@import "tailwindcss";

加个颜色，看下效果

最终效果如下