huanghs/electron-vite-vue
1
0
Fork 0
mirror of https://github.com/electron-vite/electron-vite-vue synced 2024-10-12 15:39:56 +08:00
Code Issues Packages Projects Releases Wiki Activity
513 Commits 2 Branches 5 Tags 22 MiB
TypeScript 72.7%
Vue 13.7%
CSS 10.3%
HTML 3.3%
e51eccb41b
Go to file
草鞋没号 e51eccb41b
Merge pull request #172 from electron-vite/dev 
feat: config server option by package.json
2022-07-01 07:45:56 +08:00
.github misc: fix ci & add doc links 2022-04-20 00:18:29 +08:00
.vscode chore: update vscode recommendations 2022-05-04 16:48:13 +08:00
electron Merge branch 'main' into dev 2022-06-30 08:32:03 +08:00
public add electron-vite-vue.gif, node.png 2022-06-14 20:29:53 +08:00
src chore: use postMessage instead of window.removeLoading 2022-06-29 08:36:58 +08:00
.gitignore update 2022-06-14 21:14:21 +08:00
CHANGELOG.md log: adjustment order 2022-06-17 08:51:59 +08:00
electron-builder.json5 json -> json5 2022-04-12 09:20:42 +08:00
index.html template-vue-ts 2022-06-13 22:10:18 +08:00
LICENSE chore: license 2021-11-04 14:26:18 +08:00
package.json chore: bump deps 2022-06-29 23:42:38 +08:00
README.md docs: update 2022-06-29 16:06:21 +08:00
tsconfig.json template-vue-ts 2022-06-13 22:10:18 +08:00
tsconfig.node.json chore: update 2022-06-25 10:46:13 +08:00
types.d.ts rename 2022-02-08 11:13:34 +08:00
vite.config.ts feat: config server option by package.json 2022-06-30 22:16:12 +08:00

README.md

electron-vite-vue

🥳 Really simple Electron + Vue + Vite boilerplate.

awesome-vite Netlify Status GitHub license GitHub stars GitHub forks

Features

📦 Out of the box
🎯 Based on the official vue-ts template, less invasive
🌱 Extensible, really simple directory structure
💪 Support using Node.js API in Electron-Renderer
🔩 Support C/C++ native addons
🖥 It's easy to implement multiple windows

Quick Start

npm create electron-vite

electron-vite-vue.gif

Debug

electron-vite-react-debug.gif

Directory

+ ├─┬ electron
+ │ ├─┬ main
+ │ │ └── index.ts    entry of Electron-main
+ │ └─┬ preload
+ │   └── index.ts    entry of Electron-preload
  ├─┬ src
  │ └── main.ts       entry of Electron-renderer
  ├── index.html
  ├── package.json
  └── vite.config.ts

🚨 dependencies vs devDependencies

Put Node.js packages in dependencies

🚨 e.g.

  • electron-store
  • sqlite3
  • serilaport
  • mongodb
  • ...others Node.js packages

Put Web packages in devDependencies

🚨 e.g.

  • vue
  • vue-router
  • vuex
  • pinia
  • element-plus
  • ant-design-vue
  • axios
  • ...others Web packages

TODO: ESM packages

  • node-fetch
  • execa
  • ...others ESM packages

See more 👉 dependencies vs devDependencies