{"repo":"sinsong/electron-vite-vue-template","free":true,"listed":false,"github":"https://github.com/sinsong/electron-vite-vue-template","clone":"git clone https://github.com/sinsong/electron-vite-vue-template.git","description":"Electron Vite Vue 3 Template","language":"JavaScript","stars":10,"topics":["electron","vite","vue3","template"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Vue 3 + Vite + Electron run scripts before running project, install dependencies Before npm run electron , please run npm run build to prepare script. run script description :----------------- :-------------------------------------- build build all build:main build main.js preload.js electron start electron dev develop \"front-end\" predev npm hook of dev , build main process renderer:vite start vite dev server for renderer renderer:build build renderer rollup:main bundle main.js rollup:preload bundle preload.js start electron-forge's start electron package electron-forge package application make electron-forge make distribution electron using built main process script ( main.js preload.js ) and renderer output( renderer:build ). dev using built main process script ( main.js preload.js ) and vite dev server. modified main process script please rebuild script and restart electron. electron support This template use custom protocol approach to let electron load Vite output with esm. So loadURL will be app://renderer/index.html , which map to dist/renderer and prevent directory traversal attack. In main process, registe custom protocol app using protocol.registerFileProtocol() and grant privilege using protocol.registerSchemesAsPrivileged() . secure: true let app protocol support esm, standard: true let app behave like http , I use renderer as hostname, then protocol handler parse incoming URL, get pathname and map to dist/renderer , and electron will use app://renderer/index.html","default_branch":null,"files":null,"tree":[],"storefront":"/r/sinsong","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sinsong/electron-vite-vue-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}