gmpublisher 项目安装与使用教程

1. 项目目录结构及介绍

gmpublisher 项目的目录结构如下：

gmpublisher/
├── app/
│   ├── i18n/
│   └── public/
├── src-tauri/
├── cargo/
├── github/
│   └── workflows/
├── .editorconfig
├── .gitattributes
├── .gitignore
├── LICENSE
├── README.md
├── jsconfig.json
├── package-lock.json
├── package.json
├── svelte.config.js
└── vite.config.js

目录结构介绍

• app/: 包含前端相关的文件，如国际化文件 (i18n/) 和公共资源 (public/)。
• src-tauri/: 包含 Tauri 相关的源代码文件。
• cargo/: 包含 Rust 项目的配置文件。
• github/workflows/: 包含 GitHub Actions 的工作流配置文件。
• .editorconfig: 编辑器配置文件，用于统一代码风格。
• .gitattributes: Git 属性配置文件。
• .gitignore: Git 忽略文件配置。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文件。
• jsconfig.json: JavaScript 配置文件。
• package-lock.json: npm 包锁定文件。
• package.json: npm 包配置文件。
• svelte.config.js: Svelte 配置文件。
• vite.config.js: Vite 配置文件。

2. 项目启动文件介绍

gmpublisher 项目的启动文件主要包括以下几个部分：

• src-tauri/src/main.rs: 这是 Rust 后端的入口文件，负责启动 Tauri 应用程序。
• src/main.js: 这是前端 Svelte 应用的入口文件，负责初始化前端应用。

启动步骤

1. 启动 Rust 后端:

   • 进入 src-tauri/ 目录。
   • 运行 cargo run 启动 Rust 后端。

2. 启动前端:

   • 在项目根目录下运行 npm install 安装依赖。
   • 运行 npm run dev 启动前端开发服务器。

3. 项目配置文件介绍

gmpublisher 项目的主要配置文件包括：

• package.json: 包含项目的 npm 依赖和脚本配置。
• svelte.config.js: Svelte 项目的配置文件，定义了前端应用的构建和开发配置。
• vite.config.js: Vite 项目的配置文件，定义了前端应用的构建和开发配置。
• src-tauri/tauri.conf.json: Tauri 应用的配置文件，定义了应用的窗口、图标、权限等配置。

配置文件详解

• package.json:

  {
    "name": "gmpublisher",
    "version": "1.0.0",
    "scripts": {
      "dev": "vite",
      "build": "vite build",
      "serve": "vite preview"
    },
    "dependencies": {
      "svelte": "^3.0.0"
    },
    "devDependencies": {
      "vite": "^2.0.0"
    }
  }
  

• svelte.config.js:

  import { defineConfig } from 'vite';
  import { svelte } from '@sveltejs/vite-plugin-svelte';
  
  export default defineConfig({
    plugins: [svelte()],
    server: {
      port: 3000
    }
  });
  

• vite.config.js:

  import { defineConfig } from 'vite';
  import { svelte } from '@sveltejs/vite-plugin-svelte';
  
  export default defineConfig({
    plugins: [svelte()],
    server: {
      port: 3000
    }
  });
  

• src-tauri/tauri.conf.json:

  {
    "build": {
      "distDir": "../dist",
      "devPath": "http://localhost:3000",
      "beforeDevCommand": "npm run dev",
      "beforeBuildCommand": "npm run build"
    },
    "ctx": {},
    "tauri": {
      "bundle": {
        "active": true,
        "targets": "all",
        "identifier": "com.example.gmpublisher",
        "icon": [
          "icons/32x32.png",
          "icons/48x48.png",
          "icons/64x64.png",
          "icons/128x128.png",
          "icons/256x256.png"
        ]
      },
      "allowlist": {
        "all": true
      },
      "windows": [
        {
          "title": "gmpublisher",
          "width": 800,
          "height": 600,
          "resizable": true,
          "fullscreen": false
        }
      ]
    }
  }
  

通过以上配置文件，可以对 gmpublisher 项目进行详细的配置和定制。