Git Product home page Git Product logo

codesbiome / electron-vue-typescript-webpack-2022 Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 231 KB

Minimal boilerplate for writing Desktop Applications using Electron, Vue, Typescript & Webpack in 2022

License: MIT License

Less 19.53% Vue 13.11% HTML 1.24% TypeScript 21.43% JavaScript 44.69%
electron vue boilerplate typescript webpack minimal hmr electron-forge electron-boilerplate electron-vue

electron-vue-typescript-webpack-2022's Introduction

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 evtw

Install dependencies using Yarn or NPM :

yarn install

Start : Development

To develop and run your application, you need to run following command.
Start electron application for development :

yarn start

Lint : Development

To lint application source code using ESLint via this command :

yarn lint

Package : Production

Customize and package your Electron app with OS-specific bundles (.app, .exe etc)

yarn package

Make : Production

Making is a way of taking your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files (amongst others).

yarn make

Publish : 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 publish

Packager & 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

electron-vue-typescript-webpack-2022's People

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.