Electron Vue Typescript Webpack - Boilerplate 2021
EVTW is a minimal boilerplate for writing Desktop Applications using Electron, React, Webpack & TypeScript.
This project makes use of latest packages and configurations to serve the best environment for development.
Screenshot
Core Features
- 🌟 Electron
- 🌀 TypeScript
- ✌🏻 Vue
- 🛶 LESS Loader
- 🎨 CSS Loader
- 📸 Image Loader
- 🆎 Font Loader
- 🧹 ESLint
- 📦 Electron Forge
- 🔱 Webpack & Configuration
- 🧩 Aliases for project paths
- 🔥 Hot Module Replacement (Live Reload)
- 🎁 Package Bundling (Distribution / Release)
Installation
To install the EVTW boilerplate you need to run following commands
Clone the repository :
git clone https://github.com/codesbiome/electron-vue-typescript-webpack-2021 evtw
cd evtwInstall dependencies using Yarn or NPM :
yarn installStart : Development
To develop and run your application, you need to run following command.
Start electron application for development :
yarn startLint : Development
To lint application source code using ESLint via this command :
yarn lintPackage : Production
Customize and package your Electron app with OS-specific bundles (.app, .exe etc)
yarn packageMake : Production
Making is a way of taking your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files (amongst others).
yarn makePublish : Production
Publishing is a way of taking the artifacts generated by the make command and sending them to a service somewhere for you to distribute or use as updates. (This could be your update server or an S3 bucket)
yarn publishPackager & Makers Configuration
This provides an easy way of configuring your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files.
This configurations file is available in :
tools/forge/forge.config.js
For further information, you can visit Electron Forge Configuration