主题
文件结构
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 配置文件。