https://github.com/rudifa/electron-vite-lit-starter

A template for an Electron application built with Vite and using Lit and Typescript or Javascript
https://github.com/rudifa/electron-vite-lit-starter

electron lit typescript vite

Last synced: 12 days ago
JSON representation

A template for an Electron application built with Vite and using Lit and Typescript or Javascript

• Host: GitHub
• URL: https://github.com/rudifa/electron-vite-lit-starter
• Owner: rudifa
• Created: 2022-10-19T18:45:38.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-25T10:55:38.000Z (over 2 years ago)
• Last Synced: 2024-12-14T15:14:17.512Z (2 months ago)
• Topics: electron, lit, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 579 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# An Electron application built with electron-vite, Lit and Typescript

![electron version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/electron)

![electron vite version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/electron-vite)

![electron builder version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/electron-builder)

![vite version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/vite)

![vue version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/vue)

![typescript version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/typescript)

This project started as a clone of [electron-vite-boilerplate](https://github.com/alex8088/electron-vite-boilerplate/tree/master/src/renderer/src) by [alex8088](https://github.com/alex8088).

It was modified by [rudifa](https://github.com/rudifa), replacing the Vue dependencies and Vue components by Lit dependencies and Lit components.

You can use this modified project as a template for building your own Electron applications using the [Lit](https://lit.dev/docs/) components.

It was tested only on a Mac, with `npm run dev` and `npm run build:mac`.

If you find any issues with this project, please report them.

If you build and run the project on the Windows or the Linux platform, please report the success (or failure).

![Screenshot](images/Screenshot_2022-10-19_20.17.54.jpg)

## Features

- **📁 Scaffolding - [create-electron](https://github.com/alex8088/quick-start/tree/master/packages/create-electron)**, scaffolding your project quickly

  - Currently supported framework: `Vue`, `React`, `Svelte`, `Solid`

- **🚀 Build - [electron-vite](https://github.com/alex8088/electron-vite)**, fast and easy-to-use build tool integrated with Vite 3

  - [Fast HMR](https://evite.netlify.app/guide/hmr-in-renderer.html)

  - [Hot Reloading](https://evite.netlify.app/guide/hot-reloading.html)

  - [Easy to Debug](https://evite.netlify.app/guide/debugging.html)

  - [Source code protection](https://evite.netlify.app/guide/source-code-protection.html) (compile to V8 bytecode to protect source code)

- **💡 Development - [electron-toolkit](https://github.com/alex8088/electron-toolkit)**, useful API, help you develop

- **📦 Pack - [electron-builder](https://www.electron.build)**, pre-configured to pack your app

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) + [lit-plugin](https://marketplace.visualstudio.com/items?itemName=runem.lit-plugin)

## Project Setup

### Install

```bash

$ npm install

```

### Development

```bash

$ npm run dev

```

### Build

```bash

# For windows

$ npm run build:win

# For macOS

$ npm run build:mac

# For Linux

$ npm run build:linux

```