TREM-tauri 项目使用教程

1. 项目的目录结构及介绍

TREM-tauri 项目的目录结构如下：

TREM-tauri/
├── public/
├── src-tauri/
│   ├── src/
│   ├── icons/
│   ├── build.rs
│   ├── Cargo.toml
│   ├── tauri.conf.json
├── src/
│   ├── assets/
│   ├── components/
│   ├── views/
│   ├── App.vue
│   ├── main.ts
├── .eslintrc
├── .gitignore
├── .prettierignore
├── .prettierrc
├── CHANGELOG.md
├── LICENSE
├── README.md
├── index.html
├── package.json
├── tsconfig.json
├── tsconfig.node.json
├── vite.config.ts

目录结构介绍

• public/: 存放静态资源文件。
• src-tauri/: Tauri 相关文件，包括 Rust 后端代码和配置文件。
  • src/: Rust 后端代码。
  • icons/: 应用程序图标。
  • build.rs: Rust 构建脚本。
  • Cargo.toml: Rust 项目的依赖和元数据配置文件。
  • tauri.conf.json: Tauri 配置文件。
• src/: Vue 前端代码。
  • assets/: 存放前端资源文件。
  • components/: Vue 组件。
  • views/: 页面视图。
  • App.vue: 主 Vue 组件。
  • main.ts: 前端入口文件。
• .eslintrc: ESLint 配置文件。
• .gitignore: Git 忽略文件配置。
• .prettierignore: Prettier 忽略文件配置。
• .prettierrc: Prettier 配置文件。
• CHANGELOG.md: 项目更新日志。
• LICENSE: 项目许可证。
• README.md: 项目说明文档。
• index.html: 前端入口 HTML 文件。
• package.json: 前端项目的依赖和脚本配置文件。
• tsconfig.json: TypeScript 配置文件。
• tsconfig.node.json: Node.js 的 TypeScript 配置文件。
• vite.config.ts: Vite 配置文件。

2. 项目的启动文件介绍

前端启动文件

• src/main.ts: 这是 Vue 项目的入口文件，负责初始化 Vue 应用并挂载到 index.html 中的根元素上。

后端启动文件

• src-tauri/src/main.rs: 这是 Rust 后端的入口文件，负责启动 Tauri 应用并处理与前端的交互。

3. 项目的配置文件介绍

前端配置文件

• package.json: 包含项目的依赖、脚本和其他元数据。例如：

  {
    "name": "trem-tauri",
    "version": "0.0.0",
    "scripts": {
      "dev": "vite",
      "build": "vite build",
      "serve": "vite preview"
    },
    "dependencies": {
      "vue": "^3.2.25"
    },
    "devDependencies": {
      "vite": "^2.7.2",
      "typescript": "^4.5.4"
    }
  }
  

后端配置文件

• src-tauri/Cargo.toml: 包含 Rust 项目的依赖和元数据。例如：

  [package]
  name = "trem-tauri"
  version = "0.0.0"
  edition = "2018"
  
  [dependencies]
  tauri = { version = "1.0", features = ["api-all"] }
  

• src-tauri/tauri.conf.json: 包含 Tauri 应用的配置，如窗口设置、构建选项等。例如：

  {
    "build": {
      "distDir": "../dist",
      "devPath": "http