MEMENTO SvelteKit Electron TypeScript

Template to create a desktop app with SvelteKit, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)

Get Started

This is a project template for Svelte and Electron apps. It lives at https://github.com/el3um4s/memento-sveltekit-electron-typescript.

To create a new project based on this template using degit:

npx degit el3um4s/memento-sveltekit-electron-typescript

Then install the dependencies with

npm install
cd svelte
npm install

Note that you will need to have Node.js installed.

Command

For development purpose:

• npm run nodemon: auto restart Electron on change
• npm run svelte:build: build Svelte code (and copy in dist/www

You can configure settings in index.ts. Change developerOptions:

• isInProduction: true if is in production
• serveSvelteDev: true when you want to watch svelte
• buildSvelteDiv: true when you want to build svelte
• watchSvelteBuild: true when you want to watch build svelte

For publish purpose:

• npm run out:win: create an exe file for Windows
• npm run publish:win: publish the app on GitHub

Notes

I'm blogging about the development process in these posts:

• Svelte, Electron & TypeScript
• Electron and TypeScript: how to use ipcMain and ipcRenderer
• SvelteKit & Electron