tauri-create
npx skills add https://github.com/krissss/skills --skill tauri-create
Agent 安装分布
Skill 文档
Tauri 项ç®å建
åè½æ¦è¿°
交äºå¼å建 Tauri è·¨å¹³å°æ¡é¢åºç¨é¡¹ç®ãå¼å¯¼ç¨æ·å®ææ¨¡æ¿éæ©ãUI æ¡æ¶å®è£ ãGit åå§åã端å£é ç½®çæ¥éª¤ã
äº¤äºæ¹å¼
ææè¯¢é®å°½éä½¿ç¨ AskUserQuestion å·¥å
·è¿è¡äº¤äºå¼é®çã
å¿«éå建æµç¨
æ¥éª¤ 1ï¼è·å项ç®ä¿¡æ¯
æ£æ¥å½åç®å½ï¼æ§è¡ ls -A æ£æ¥å½åç®å½æ¯å¦ä¸ºç©ºã
å³å®å建ä½ç½®ï¼
- å½åç®å½ä¸ºç©ºï¼ä½¿ç¨
AskUserQuestion询é®ç¨æ·æ¯å¨å½åç®å½åå»ºè¿æ¯å建åç®å½ - å½åç®å½é空ï¼åç¥ç¨æ·å°å建åç®å½
éæ©æ¨¡æ¿ï¼ä½¿ç¨ AskUserQuestion 询é®ç¨æ·æ¨¡æ¿éæ©ï¼é»è®¤æ¨è vue-tsã
| 模æ¿åæ° | ææ¯æ |
|---|---|
vue-ts |
Vue + TypeScriptï¼æ¨èï¼ |
vue |
Vue |
react-ts |
React + TypeScript |
react |
React |
svelte-ts |
Svelte + TypeScript |
svelte |
Svelte |
vanilla-ts |
Vanilla + TypeScript |
vanilla |
Vanilla JS |
æ§è¡å建ï¼
å¨å½åç®å½å建ï¼ç©ºç®å½ï¼ï¼
pnpm create tauri-app . --template <模æ¿> --yes
pnpm install
å建åç®å½ï¼
pnpm create tauri-app <项ç®å> --template <模æ¿> --yes
cd <项ç®å>
pnpm install
æ¥éª¤ 2ï¼Git åå§åï¼å»ºè®®ï¼
æ£æ¥ Git ç¶æï¼æ§è¡ git rev-parse --git-dir > /dev/null 2>&1 æ£æ¥å½åç®å½æ¯å¦å·²æ¯ git ä»åºã
- å¦å·²æ¯ git ä»åºï¼åç¥ç¨æ·ï¼è·³è¿åå§åï¼åç»æ¥éª¤ä¼ç´æ¥æäº¤
- å¦é git ä»åºï¼ä½¿ç¨
AskUserQuestion询é®ç¨æ·æ¯å¦éè¦ Git çæ¬ç®¡ç
åç¥åç»æ¯æ¥æä½é½ä¼æäº¤ä¸æ¬¡ gitï¼è®°å½å建è¿ç¨ã
å¦éè¦åå§åï¼ç«å³æ§è¡ï¼
git init && git add . && git commit -m "init"
æ¥éª¤ 3ï¼å®è£ UI æ¡æ¶
ä½¿ç¨ AskUserQuestion 询é®ç¨æ·ï¼æ¯å¦éè¦ä½¿ç¨ UI æ¡æ¶ï¼
å¦éè¦ï¼æ ¹æ®å·²éæ©çæ¨¡æ¿æ¨èåéçæ¡æ¶ï¼å¹¶ç«å³æ§è¡å®è£ å½ä»¤ã
å¦å·²éæ© Gitï¼å®è£ 宿åæäº¤ï¼
git add .
git commit -m "feat: add UI framework"
æ¥éª¤ 4ï¼ç«¯å£é ç½®
ä½¿ç¨ AskUserQuestion 询é®ç¨æ·ï¼æ¯å¦ä½¿ç¨é»è®¤ç 1420 端å£ï¼
å¦ä¸æ¯ï¼è®©ç¨æ·æå®æ°ç«¯å£å·ï¼ç«å³ç¼è¾ vite.config.ts å tauri.conf.json ä¿®æ¹ç«¯å£ã
å¦å·²éæ© Gitï¼ä¿®æ¹å®æåæäº¤ï¼
git add .
git commit -m "config: change port to <æ°ç«¯å£>"
æ¥éª¤ 5ï¼å®è£ window-state æä»¶
ä½¿ç¨ AskUserQuestion 询é®ç¨æ·ï¼æ¯å¦éè¦çªå£ç¶æè®°å¿åè½ï¼æ¡é¢ç«¯ï¼ï¼
说æå¥½å¤ï¼èªå¨è®°ä½çªå£ä½ç½®å大å°ï¼ä¸æ¬¡æå¼ä¿æåæ ·ã
å¦éè¦ï¼ç«å³æ§è¡ï¼
pnpm tauri add window-state
å¦å·²éæ© Gitï¼å®è£ 宿åæäº¤ï¼
git add .
git commit -m "feat: add window-state plugin"
æ¥éª¤ 6ï¼å建 AGENTS.md
æç¤º AI æ ¹æ®é¡¹ç®å½åæ
åµçæä¸ä»½ AGENTS.md æä»¶ï¼å
容éè¦é¢å¤å
å«ï¼æéä½¿ç¨ tauri-best-practices æè½ã
å¦å·²éæ© Gitï¼åå»ºå®æåæäº¤ï¼
git add AGENTS.md
git commit -m "docs: add AGENTS.md"
æ¥éª¤ 7ï¼åç¥å¼åå½ä»¤
åå»ºå®æååç¥ç¨æ·ï¼
pnpm dev # 纯ç½é¡µå¼å
pnpm tauri dev # å¼å模å¼
pnpm tauri build # æå»ºåºç¨
使ç¨ç¤ºä¾
åºæ¯ 1ï¼å ¨æ°é¡¹ç®å建ï¼ç©ºç®å½ï¼
ç¨æ·è¾å ¥ï¼”帮æå建ä¸ä¸ª Tauri åºç¨”
äº¤äºæµç¨ï¼
- æ£æ¥å½åç®å½ä¸ºç©º
- 询é®ç¨æ·ï¼å¨å½åç®å½åå»ºè¿æ¯å建åç®å½ï¼
- è¯¢é®æ¨¡æ¿éæ©ï¼æ¨è vue-tsï¼
- æ§è¡å建å½ä»¤
- è¯¢é®æ¯å¦åå§å Git
- è¯¢é®æ¯å¦éè¦ UI æ¡æ¶ï¼æ ¹æ®æ¨¡æ¿æ¨èï¼
- 询é®ç«¯å£é ç½®
- è¯¢é®æ¯å¦å®è£ window-state æä»¶
- å建 AGENTS.md
- åç¥å¼åå½ä»¤
åºæ¯ 2ï¼æå®æ¨¡æ¿å建
ç¨æ·è¾å ¥ï¼”ç¨ React å建ä¸ä¸ª Tauri 项箔
å¤çæ¹å¼ï¼
- ç´æ¥ä½¿ç¨ react-ts 模æ¿ï¼æ¨è TypeScriptï¼
- å¦ç¨æ·æç¡®è¯´ä¸ä½¿ç¨ TSï¼åä½¿ç¨ react 模æ¿
- å ¶ä½æµç¨ååºæ¯ 1
åºæ¯ 3ï¼å¿«éå建ï¼è·³è¿äº¤äºï¼
ç¨æ·è¾å ¥ï¼”å¿«éå建ä¸ä¸ªåºç¡ç Tauri 项ç®ï¼ä¸éè¦é¢å¤é ç½®”
å¤çæ¹å¼ï¼
- 使ç¨é»è®¤æ¨¡æ¿ï¼vue-tsï¼
- å建åç®å½æä½¿ç¨å½åç®å½ï¼å¦ä¸ºç©ºï¼
- è·³è¿ GitãUI æ¡æ¶ã端å£ãæä»¶ç询é®
- ä» å®æåºç¡å建åä¾èµå®è£
åºæ¯ 4ï¼å¨ç°æé¡¹ç®ä¸å建
ç¨æ·è¾å ¥ï¼”å¨å½åç®å½å建 Tauri 项箔ï¼å½åç®å½é空ï¼
å¤çæ¹å¼ï¼
- åç¥ç¨æ·å°å建åç®å½
- 询é®é¡¹ç®åç§°
- å¨åç®å½ä¸å®æå建
注æäºé¡¹
- ç¯å¢è¦æ±ï¼ç¡®ä¿å·²å®è£ Node.js 18+ å pnpm
- Rust å·¥å ·é¾ï¼å¦éç¼åèªå®ä¹ Rust 代ç ï¼éé¢å¤å®è£ Rust
- æ¤æè½èå´ï¼ä» è´è´£é¡¹ç®å建ååå§é ç½®ï¼ä¸æ¶ååç»å¼å
- æä»¶å®è£
éå¶ï¼
pnpm tauri add䏿¬¡åªè½æ·»å ä¸ä¸ªæä»¶ï¼é夿¬¡æ§è¡ - Git æäº¤çç¥ï¼æ¯å®æä¸ä¸ªé ç½®æ¥éª¤ç«å³æäº¤ï¼è®°å½å建è¿ç¨
- 端å£å²çªï¼å¦ 1420 端å£è¢«å ç¨ï¼å»ºè®®ç¨æ·ä¿®æ¹ç«¯å£
- æä½³å®è·µï¼åå»ºå®æåæéç¨æ·åè
tauri-best-practicesæè½