如何新建Tauri项目,并打包运行

95 阅读1分钟

一、新建项目

1、npm新建tauri项目

npm create tauri-app@latest

回答以下问题:

Project name · sorting-app
? Identifier (com.gegewu.sorting-app) › tech
✔ Identifier · tech.dreame.indChoose 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

Template created! To get started run:
  cd sorting-app
  npm install
  npm run tauri android init
  npm run tauri ios init

For Desktop development, run:
  npm run tauri dev

For Android development, run:
  npm run tauri android dev

For iOS development, run:
  npm run tauri ios dev

目录结构:

image.png

2、安装依赖

npm install

3、运行项目

npm run tauri dev

image.png

二、添加tauri到已有项目

1、初始化src-tauri

切换命令行至已有项目目录下,npm tauri init

2、运行

To get started run:
cd 项目名
npm install
npm run tauri android init
npm run tauri ios init

For Desktop development, run: npm run tauri dev

For Android development, run: npm run tauri android dev

For iOS development, run: npm run tauri ios dev

实际项目 方法一:npm tauri dev

方法二:项目根目录运行npm run dev,另起一个终端切换至src-tauri目录下cargo run

三、tauri打包

命令参考官网说明:tauri.app/zh-cn/refer…

npm run tauri build

image.png