Angular-Tauri 项目启动与配置教程

1. 项目目录结构及介绍

Angular-Tauri 项目采用以下目录结构：

angular-tauri/
├── angular/
│   ├── src/          # 源代码目录
│   │   ├── assets/    # 静态资源文件
│   │   ├── environments/ # 环境配置文件
│   │   ├── app/       # 应用程序模块目录
│   │   │   ├── components/ # 组件目录
│   │   │   ├── models/    # 模型目录
│   │   │   ├── pages/     # 页面目录
│   │   │   ├── services/  # 服务目录
│   │   │   ├── shared/    # 共享模块目录
│   │   │   └── ...        # 其他目录
│   │   └── ...            # 其他文件
│   ├── ...
│   ├── e2e/           # 端到端测试目录
│   ├── node_modules/ # 项目依赖库
│   └── ...
├── tauri/             # Tauri 相关文件
│   ├── src/          # Tauri 源代码目录
│   │   ├── ...
│   │   └── ...
│   ├── ...
│   └── ...
├── .angular.json     # Angular 配置文件
├── .tauriignore       # Tauri 忽略文件
├── package.json       # 项目包管理文件
└── ...

该结构中，angular 目录是 Angular 应用的主体，包含 Angular 应用程序的代码和资源。tauri 目录包含 Tauri 的配置和源代码，用于将 Angular 应用打包成桌面应用。

2. 项目的启动文件介绍

项目的启动主要通过以下文件进行：

• angular/src/index.html: 这是 Angular 应用的入口 HTML 文件，其中包含 Angular 应用的根组件。
• angular/src/main.ts: 这是 Angular 应用的主 TypeScript 文件，它负责引导 Angular 应用程序。
• tauri/src-tauri/index.ts: 这是 Tauri 应用的入口 TypeScript 文件，用于启动 Tauri 应用。

启动 Angular 应用：

在 Angular 项目的根目录下，运行以下命令：

ng serve

这将启动开发服务器，并在默认的网络浏览器中打开应用。

启动 Tauri 应用：

在 Tauri 项目的根目录下，运行以下命令：

tauri run

这将启动 Tauri 应用的开发模式。

3. 项目的配置文件介绍

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

• .angular.json: 这是 Angular 应用的配置文件，它定义了项目的构建配置、环境变量、路由等信息。

• package.json: 这是 Node.js 项目的配置文件，它定义了项目的依赖、脚本和元数据。

• .tauriignore: 这是一个用于指定哪些文件和目录应该被 Tauri 打包工具忽略的文件。

这些配置文件对项目的构建和运行至关重要，确保了项目的结构和功能按照预期工作。