MEMENTO - Svelte, TailwindCSS, Electron and TypeScript

Template to create a desktop app with Svelte, TailwindCSS, 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-svelte-electron-typescript.

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

npx degit el3um4s/memento-svelte-electron-typescript svelte-app
cd svelte-app

Then install the dependencies with

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 dev: auto reload the web page when you change Svelte files

For publish purpose:

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

For test purpose:

• npm run test: test the app
• npm run test:show-trace: open the saved testing trace using Playwright CLI

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