huanghs/electron-vite-vue
1
0
Fork 0
mirror of https://github.com/electron-vite/electron-vite-vue synced 2025-01-31 20:16:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: v2.0.0

Browse Source
This commit is contained in:
草鞋没号 2022-06-16 19:35:21 +08:00
parent 59a53b3ab8
commit d6f1bdc9ab
1 changed files with 17 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
README.md
View File

@ -9,14 +9,15 @@
**English | [简体中文](README.zh-CN.md)** **English | [简体中文](README.zh-CN.md)**
🥳 Real simple `Electron` + `Vue` + `Vite` boilerplate. 🥳 Really simple `Electron` + `Vue` + `Vite` boilerplate.
## Overview ## Overview
📦 Out of the box 📦 Out of the box
💪 Support C/C++ addons 🎯 Based on [vue-ts](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-vue-ts) template, less invasive
🔩 Support Use Electron、Node.js API in Renderer-process
🌱 Simple directory structure，real flexible 🌱 Simple directory structure，real flexible
💪 Support Use Electron、Node.js API and in Renderer-process
🔩 Support C/C++ native addons
🖥 It's easy to implement multiple windows 🖥 It's easy to implement multiple windows
## Quick Start ## Quick Start
@ -27,33 +28,25 @@ npm create electron-vite
<!-- [![quick-start](https://asciinema.org/a/483731.svg)](https://asciinema.org/a/483731) --> <!-- [![quick-start](https://asciinema.org/a/483731.svg)](https://asciinema.org/a/483731) -->
![electron-vite-vue.gif](https://github.com/electron-vite/electron-vite-vue/blob/main/packages/renderer/public/electron-vite-vue.gif?raw=true) ![electron-vite-vue.gif](https://github.com/electron-vite/electron-vite-vue/blob/main/public/electron-vite-vue.gif?raw=true)
## Debug ## Debug
![electron-vite-react-debug.gif](https://github.com/electron-vite/electron-vite-react/blob/main/packages/renderer/public/electron-vite-react-debug.gif?raw=true) ![electron-vite-react-debug.gif](https://github.com/electron-vite/electron-vite-react/blob/main/public/electron-vite-react-debug.gif?raw=true)
## Directory ## Directory
A `dist` folder will be generated everytime when `dev` or `build` command is executed. File structure of `dist` is identical to the `packages` directory to avoid any potential path calculation errors. ```diff
+ ├─┬ electron
```tree + │ ├─┬ main
├── dist Will be generated following the structure of "packages" directory + │ │ └── index.ts entry of Electron-main
| ├── main + │ └─┬ preload
| ├── preload + │ └── index.ts entry of Electron-preload
| └── renderer ├─┬ src
| │ └── main.ts entry of Electron-renderer
├── scripts ├── index.html
| ├── build.mjs Build script -> npm run build ├── package.json
| └── watch.mjs Develop script -> npm run dev └── vite.config.ts
|
├── packages
| ├── main Main-process source code
| | └── vite.config.ts
| ├── preload Preload-script source code
| | └── vite.config.ts
| └── renderer Renderer-process source code
| └── vite.config.ts
``` ```
## List the modules you may use as far as possible ## List the modules you may use as far as possible