Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Blade67/Sveltron

Electron Svelte boilerplate
https://github.com/Blade67/Sveltron

Last synced: 3 months ago
JSON representation

Electron Svelte boilerplate

Awesome Lists containing this project

README

        

# Sveltron boilerplate

This is a boilerplate for [Svelte](https://svelte.dev) using [ElectronJS](https://electronjs.com/), with SASS as preprocessor.

To create a new project based on this boilerplate:

```bash
git clone https://github.com/Blade67/Sveltron
```

_Note that you will need to have [Node.js](https://nodejs.org) installed._

## Get started

Install the dependencies...

```bash
cd Sveltron
npm install
```

...then start everything with [Rollup](https://rollupjs.org):

```bash
npm run dev
```

Your app should now be up and running! Edit a component file in `src` and your app in the `main.js`, save it, and reload (CTRL+R) the app to see your changes.

## SASS/SCSS

If you'd rather use SASS instead of SCSS, change `` to `<style type="text/sass">` in your `src/App.svelte`, or remove the `type` tag entirely, to use vanilla CSS.

_Note you might need to add `"svelte.language-server.runtime": "file:///path/to/your/node.exe"` to your VS Code preferences._

## Compile app

The app is designed for quick prototyping using Svelte, thus building the app is up to you.

## Useful resources

Electron [[X]](https://electronjs.org) <br>
Svelte [[X]](https://svelte.dev) <br>
Node-Sass [[X]](https://www.npmjs.com/package/node-sass) <br>

## Socal media

Twitter [[X]](https://twitter.com/Blade67470) <br>
Reddit [[X]](https://www.reddit.com/user/Blade67470) <br>
Discord `Blade#6667`