aufarijaal / electron-fullstack-quick-start

❌ Repo moved to https://github.com/aufarijaal/electron-quick-start-vue

This repo is discontinued and moved to here.

Based on electron-vite

Preview

Build with:

• Typescript
• JS Framework: Vue 3
• State Management: Pinia
• Bundle Tooling: Vite
• UI Library & Components: Element Plus
• Icons: Element Plus Icons
• Database: Sqlite3
• Query Builder: Knex
• Logging: Winston
• DateTime library: dayjs
• Font (Google font Inter) using vfonts
• Application Builder: Electron-builder

Features

• Using Vue 3 Composition API
• Using Context Isolation
• Light & Dark Theme Support

Usage

1. Clone this repo

git clone https://github.com/aufarijaal/electron-fullstack-quick-start

2. Go to directory

cd electron-fullstack-quick-start

3. Install dependencies and run the development server

yarn && yarn dev

Recommended IDE Setup

Extension:

• Volar
• Prettier
• ESLint

Note:

By default this ESLint configuration is forcing you to use double quote and semicolon. change the config if you don't want to.

HOW TO?

How to change icon: replace icon in public folder with same name as icon.ico. size must be at least 256x256.

How to change application data directory: By default, application data placed in $HOME/electron-fullstack-quick-start. to change, edit the appDirectory value in knexfile/sqlite/knexfile.ts to your preference. it will automatically created if not exists by the winston library ability.

OTHER UI OPTIONS

There are some other ui library options for this template. Check below.

• Electron Fullstack Quick Start (Vuestic UI)