⚡Vite + Electron & Doubleshot Template

This template is used to build vite + electron projects. Build with Doubleshot, crazy fast!

🎉 Doubleshot is a whole new set of tools to help you quickly build and start a node backend or electron main process.

This template is based on a small framework einf that I wrote myself, which may not be complete, if you want to apply to production, you can use the templates with integrated nest.js:

• Vue.js template
• React template
• Svelte.js template

Features

• 🔨 vite-plugin-doubleshot to run/build electron main process.
  

• 😎 Controllers/Services ipc communication, powered by Typescript decorators.
  

• ⚡ Rendering process is powered by Vite.
  

• ⏩ Quick start and build, powered by tsdown and electron-builder integrated in @doubleshot/builder

Motivation

In the past, I've been building desktop clients with vue + vue-cli-plugin-electron-builder, and they work very well. But as the project volume grows, webpack-based build patterns become slower and slower.

The advent of vite and tsdown greatly improved the development experience and kept the build pipeline lightning fast ⚡.

It took me a little time to extract this template and thank you for using it.

How to use

• Click the Use this template button (you must be logged in) or just clone this repo.

• In the project folder:

  # install dependencies
  pnpm install
  
  # run in developer mode
  pnpm dev
  
  # build
  pnpm build
  

Note for PNPM

This project requires pnpm as the package manager. In order to use with pnpm, you'll need to adjust your .npmrc to use any one the following approaches in order for your dependencies to be bundled correctly (ref: #6389):

node-linker=hoisted

public-hoist-pattern=*

shamefully-hoist=true

Relative

My blog post:

• 极速 DX Vite + Electron + esbuild
• 用装饰器给 Electron 提供一个基础 API 框架