A vue3 web app wrapped with electron.
This project is a semi-finished course project, also a hands-on attempt with Electron and Vue3. However, we have handed in our homework, it may not get any further development or maintenance.
Homepage
Login
Admin
user-side:
admin-side:
Electron + Vue3 + Typescript + T-Design
.
├── dist
├── dist-electron
├── electron
├── electron-builder.json
├── index.html
├── LICENSE
├── package.json
├── public
├── README.md
├── release
├── src
├── tsconfig.json
├── tsconfig.node.json
├── vite.config.ts
└── yarn.lock
| filename | what |
|---|---|
dist |
build files of web app |
dist-electron |
build files of electron app |
electron |
source code of electron-related code |
electron-builder.json |
the config files of elctron-builder makers |
index.html |
entrypoint of vite server |
LICENSE |
the license we used in this proj |
package.json |
npm dep manifest |
public |
static resources |
README.md |
the file you are reading |
release |
output dir of electron-build |
src |
source code of vue web app |
tsconfig.json, tsconfig.json |
ts config files |
vite.config.json |
vite config file |
yarn.lock |
pin the version of deps |
In this project directory, you can run:
yarn
install dependencies
yarn prepare
install git hooks
yarn dev
open a HMR dev server to reflect the code changes
yarn build
build electron app, output the binaries to release folder
yarn lint
show the lint messages
yarn lint:fix
fix the errors and warnings reported by eslint. Typically, you don't need to call this script, as it's configured as a git commit hooks already.
git commit --no-verify
skip git commit hooks. In general, Don't do this! If you think one file should not be linted, just ignore it in .eslintignore.