Skip to content

文件结构

Celestial Being 界面系统的文件结构如下:

.
├─ .vscode
├─ build
├─ dist
├─ docs
├─ main
│  ├─ core
│  │  ├─ main.js
│  │  ├─ prelaod.js
│  │  ├─ store.js
│  │  ├─ tray.js
│  │  └─ window.js
│  ├─ pages
│  │  ├─ page-one
│  │  │   ├─ main.js
│  │  │   └─ prelaod.mjs
│  │  └─ page-two
│  │      ├─ main.js
│  │      └─ prelaod.mjs
│  └─ icons
│     ├─ icon.ico
│     ├─ tray.png
│     └─ tray@2x.png
├─ public
│  ├─ audios
│  ├─ compontnts
│  ├─ fonts
│  ├─ images
│  ├─ styles
│  └─ utils
├─ src
│  ├─ page-one
│  │  ├─ pages
│  │  │   └─ Page.vue
│  │  ├─ App.vue
│  │  ├─ index.html
│  │  └─ main.js
│  └─ page-two
│     ├─ pages
│     │   └─ Page.vue
│     ├─ App.vue
│     ├─ index.html
│     └─ main.js
├─ .gitignore
├─ jsconfig.json
├─ package.json
└─ vite.config.js

.vscode

  • 类型:vs code

VS Code 编辑器的配置文件。

build

  • 类型:electron

使用 electron-builder 构建产生的文件。

dist

  • 类型:vite

使用 vite 构建产生的文件,打包时会被复制,并重命名为 render

docs

  • 类型:vitepress

开发文档,使用 vitepress 构建。

main

  • 类型:electron

存放主进程文件,所有与主进程有关的文件都应该放在这里。

core

  • 类型:electron

主进程的核心文件。

main.js

  • 类型:electron

主进程入口。

preload.js

  • 类型:electron

预加载脚本配置文件。

store.js

  • 类型:electron

数据持久化存储配置文件,

tray.js

  • 类型:electron

托盘配置文件。

window.js

  • 类型:electron

窗口配置文件。

pages

  • 类型:electron

存放所有页面的入口文件和预加载脚本。

page-one

  • 类型:electron

存放页面的入口文件和预加载脚本。

main.js
  • 类型:electron

页面入口文件。

preload.js
  • 类型:electron

页面预加载脚本。

icons

  • 类型:electron

存放应用图标和托盘图标。

icon.ico

  • 类型:electron

应用图标,尺寸要求 256 x 256

tray.png

  • 类型:electron

托盘图标,尺寸要求 16 x 16

tray@2x.png

  • 类型:electron

高分辨率托盘图标,尺寸要求 32 x 32

public

  • 类型:vue

存放公共文件。

audios

  • 类型:vue

存放音效文件。

compontnts

  • 类型:vue

存放公共组件。

fonts

  • 类型:vue

存放字体。

images

  • 类型:vue

存放图片文件。

styles

  • 类型:vue

存放样式文件。

utils

  • 类型:vue

存放工具类。

src

  • 类型:vue

页面的开发入口,存放所有页面。

page-one

  • 类型:vue

存放页面文件。

pages

  • 类型:vue

存放路由页面文件。

Page.vue
  • 类型:vue

路由页面文件。

App.vue

  • 类型:vue

页面文件。

index.html

  • 类型:vue

页面模板。

main.js

  • 类型:vue

页面入口文件。

.gitignore

  • 类型:git

Git 配置文件。

jsconfig.json

  • 类型:vs code

VS Code 编辑器配置文件。

package.json

  • 类型:package

文件项目清单。

vite.config.js

  • 类型:vite

Vite 配置文件。

开发文档