template-electron20-vue3-vite3

Opinionated Electron 20.x + Vue 3.x + Vite 3.x template

Specs

• process.env.NODE_ENV available from renderer script
• Configurable
  • title & menu bar visibility
  • icon
  • CORS
  • spellcheck
• Developer-friendly
  • Automatically opening DevTools
  • Default detached DevTools mode
  • Includes Vue DevTools
  • Includes destyle.css
• Cross-platform
  • start & build scripts
  • builds (AppImage for Linux, NSIS for Windows, DMG for Mac)
• Fully dark app & DevTools
• Shows window once ready

Installation

Automated

curl -s https://git.kaki87.net/KaKi87/template-electron20-vue3-vite3/raw/branch/master/clone.sh | bash -s hello-world

Manual

Clone existing repo & create new repo :

git clone --recurse-submodules https://git.kaki87.net/KaKi87/template-electron20-vue3-vite3.git hello-world
cd hello-world
rm -r .git
git init
git add .
git commit -m ":tada: Initial commit"

Install dependencies : yarn install

Create configuration file : cp config.example.js config.js

Usage

Start development server using yarn start (outputs temporary files in dist)

Create production build using yarn build (outputs production file in build)

Develop everything inside src-electron & src-vue

---