小白羊网盘项目教程

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

小白羊网盘项目是基于阿里云盘Open平台API开发的客户端，支持多平台操作系统。以下是项目的目录结构及各部分功能介绍：

aliyunpan/ # 项目根目录
├── .github/           # GitHub相关配置文件
├── adrive sdk/        # 阿里云盘SDK相关文件
├── electron/          # Electron框架相关文件
├── public/            # 公共资源文件，如图片、样式表等
├── src/               # 源代码目录
│   ├── static/        # 静态文件目录
│   ├── ...            # 其他源代码文件
├── .gitignore         # Git忽略文件列表
├── .prettierrc        # Prettier代码格式配置文件
├── LICENSE            # 开源协议文件
├── README.md          # 项目说明文件
├── changelog.txt      # 更新日志文件
├── electron-builder.json # Electron打包配置文件
├── index.html         # 入口HTML文件
├── nano-staged.mjs    #？
├── package.json       # 项目配置文件
├── tsconfig.json      # TypeScript配置文件
├── tsconfig.node.json # TypeScript Node配置文件
├── types.d.ts         # TypeScript类型定义文件
├── vite.config.ts     # Vite配置文件
└── yarn.lock          # Yarn锁定文件

2. 项目的启动文件介绍

项目的启动主要依赖于Electron框架，以下是一些关键的启动文件：

• index.html：作为应用程序的入口点，这个HTML文件通常包含了加载应用的JavaScript代码。
• main.js或main.ts：这是Electron的主进程文件，它负责创建应用程序窗口和处理应用程序的生命周期事件。
• package.json：这个文件定义了项目的依赖、启动脚本和其他配置。其中，scripts部分包含了启动应用的命令。

例如，package.json中的启动脚本可能如下所示：

"scripts": {
  "start": "electron ."
}

使用以下命令启动项目：

yarn start
# 或者
npm start

3. 项目的配置文件介绍

项目的配置主要通过以下几个文件进行：

• package.json：这个文件包含了项目的配置信息，如项目名称、版本、描述、作者、依赖等。在config字段中可以添加自定义配置。
• electron-builder.json：这个文件用于配置Electron的打包选项，如应用程序的图标、版本、打包格式等。
• tsconfig.json：TypeScript配置文件，用于指定TypeScript编译器的选项。
• vite.config.ts：Vite配置文件，用于配置前端构建工具Vite的行为。

例如，tsconfig.json可能包含以下配置：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    // ... 更多配置
  },
  // ... 其他配置
}

这些配置文件为项目的开发提供了便利，确保了项目在不同的开发环境和构建过程中能够正确地运行和打包。