https://github.com/kkan0615/mini-player
Mini player!
https://github.com/kkan0615/mini-player
electron typescript vue vue3
Last synced: about 2 months ago
JSON representation
Mini player!
- Host: GitHub
- URL: https://github.com/kkan0615/mini-player
- Owner: kkan0615
- Created: 2021-12-08T12:57:59.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-10T23:07:21.000Z (almost 4 years ago)
- Last Synced: 2025-01-31T08:33:12.363Z (over 1 year ago)
- Topics: electron, typescript, vue, vue3
- Language: TypeScript
- Homepage:
- Size: 705 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Electron + vite + vue 3
# Directory Structure
```
├─ node_modules/
├─ scripts/ # Custom scripts, we will create one for the dev-server with Electron later.
│ ├─ devSever.ts # Execute development evnviroment
│ ├─ build.ts # Execute build packages with production evnviroment
├─ dist/ # Contain compiled output from each package.
│ ├─ renderer/ # Compiled output of renderer process.
│ ├─ main/ # Compiled output of main process.
│ ├─ preload/ # Compiled output of preload process.
├─ dist_electron/ # Contain output of program such as exe file.
├─ packages/
│ ├─ renderer/ # Contains renderer process source-code.
│ │ ├─ src/
│ │ ├─ index.html # Index html
│ │ ├─ vite.config.ts # Vite config for renderer source-code
│ │ ├─ tsconfig.json # Specific TypeScript config.
│ ├─ main/ # Contains main process source-code.
│ │ ├─ src/
│ │ ├─ vite.config.ts # Vite config for main source-code.
│ │ ├─ tsconfig.json # Specific TypeScript config.
│ ├─ preload/ # Contains preload script source-code.
│ │ ├─ src/
│ │ ├─ vite.config.ts # Vite config for preload source-code.
│ │ ├─ tsconfig.json # Specific TypeScript config.
├─ .eslintrc.js # Eslint
├─ package.json
├─ tsconfig.node.json # Root file TypeScript config generated by Vite CLI.
```
## Vue structure (Renderer)
```
├─ index.html # Index html
│ ├─ src/
│ │ ├─ assets/ # Assets for renderer.
│ │ ├─ components/ # Contain global components.
│ │ ├─ store/ # Pinina or vue-store.
│ │ ├─ router/ # Router.
│ │ ├─ types/ # Types.
│ │ ├─ views/ # Contain View pages.
│ │ ├─ utils/ # Contain utilites.
│ │ ├─ styles/ # Global Styles.
│ │ │ ├─ electorn.ts # Electoron utils such as ipcRender.
├─ vite.config.ts # Vite config for renderer source-code
├─ tsconfig.json # Specific TypeScript config.
```
# Refs
## Electron
- https://github.com/cawa-93/vite-electron-builder
- https://blog.totominc.io/blog/electron-with-typescript-and-vite-as-a-build-system
- https://github.com/twstyled/electron-vite-react/blob/main/scripts/run-electron.ts
# Boilerplate 에 추가해야할 사항