All Projects → oliverfindl → electron-vue-boilerplate

oliverfindl / electron-vue-boilerplate

Licence: MIT license
Simple boilerplate for building Vue app with Electron and Webpack.

Programming Languages

javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
Vue
7211 projects
HTML
75241 projects
shell
77523 projects

Projects that are alternatives of or similar to electron-vue-boilerplate

Barebones
A barebones boilerplate for getting started on a bespoke front end.
Stars: ✭ 127 (+139.62%)
Mutual labels:  stylelint, postcss, eslint
sapper-postcss-template
A template that includes Sapper for Svelte and PostCSS preprocessing with Tailwind CSS
Stars: ✭ 84 (+58.49%)
Mutual labels:  postcss, eslint, purgecss
Frasco
Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync, etc.
Stars: ✭ 123 (+132.08%)
Mutual labels:  stylelint, postcss, eslint
dva-typescript-antd-starter-kit
A admin dashboard application demo based on antd by typescript and dva
Stars: ✭ 61 (+15.09%)
Mutual labels:  stylelint, postcss, eslint
Static Site Boilerplate
A better workflow for building modern static websites.
Stars: ✭ 1,633 (+2981.13%)
Mutual labels:  stylelint, postcss, eslint
Bathe
The simplest WordPress starter theme including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, Eslint, imagemin, Browsersync, etc.
Stars: ✭ 65 (+22.64%)
Mutual labels:  stylelint, postcss, eslint
vue-template
🎉 一个集成了 webpack + vue-loader + vuex + axios 的自定义 vue-cli 模板,其中包含 webpack 热更新,linting,测试以及 css 处理器等内容
Stars: ✭ 25 (-52.83%)
Mutual labels:  eslint, vue-router
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (+194.34%)
Mutual labels:  stylelint, eslint
Front End Guide
📚 Study guide and introduction to the modern front end stack.
Stars: ✭ 14,073 (+26452.83%)
Mutual labels:  stylelint, eslint
tailwindcss
Add Tailwind CSS to your Svelte project
Stars: ✭ 583 (+1000%)
Mutual labels:  postcss, purgecss
React Typescript Webpack2 Cssmodules Postcss
Simple Starter Template for React, TypeScript, postCSS, ITCSS, CSS-Modules, Webpack and Live Reloading (React Hot Loader 3)
Stars: ✭ 117 (+120.75%)
Mutual labels:  stylelint, postcss
starter-kit
🏃 A simple and powerful Starter Kit made with Webpack, Gulp 4, Pug and SASS
Stars: ✭ 21 (-60.38%)
Mutual labels:  stylelint, postcss
static-webpack-boilerplate
🚀 Minimal & Modern Webpack Boilerplate for building static sites
Stars: ✭ 40 (-24.53%)
Mutual labels:  stylelint, postcss
Stylefmt
stylefmt is a tool that automatically formats stylesheets.
Stars: ✭ 2,123 (+3905.66%)
Mutual labels:  stylelint, postcss
postcss-purgecss
PostCSS plugin for purgecss
Stars: ✭ 92 (+73.58%)
Mutual labels:  postcss, purgecss
stencil-boilerplate
A Stencil app boilerplate including routing, Redux etc.
Stars: ✭ 51 (-3.77%)
Mutual labels:  stylelint, postcss
bowman
A simple static site generator with an integrated toolchain for efficient development and delivery.
Stars: ✭ 17 (-67.92%)
Mutual labels:  stylelint, postcss
bb8
Starter kit for automating tasks in everyday front-end development. 👨🏻‍💻 ⚡️ 🛠 ✨ 🤖
Stars: ✭ 13 (-75.47%)
Mutual labels:  stylelint, postcss
gulp-boilerplate
Gulp boilerplate
Stars: ✭ 24 (-54.72%)
Mutual labels:  stylelint, postcss
Lint Staged
🚫💩 — Run linters on git staged files
Stars: ✭ 9,492 (+17809.43%)
Mutual labels:  stylelint, eslint

electron-vue-boilerplate

license paypal

Simple boilerplate for building Vue app with Electron and Webpack.


Whats under the hood?

Install

# Clone repository from GitHub to <directory>
$ git clone https://github.com/oliverfindl/electron-vue-boilerplate <directory>

# Switch to <directory>
$ cd <directory>

# Install all dependencies
$ npm install

# [optional] Check and update all dependencies
$ npm outdated
$ npm update

Usage

# [terminal 1] Launch Webpack development server with Vue app loaded
$ npm run dev

# [terminal 2] Launch Electron app connected to Webpack development server
$ npm run app

# [terminal 3] Build installers for your current platform
$ npm run dist

Scripts

# Alias for watch:vue-app
$ npm run dev

# Alias for start
$ npm run app

# Alias for build:electron-app and start:electron-app
$ npm run start

# Launch Electron app connected to Webpack development server
$ npm run start:electron-app

# Build Electron app and Vue app
$ npm run build

# Build Electron app with DevTools disabled
$ npm run build:electron-app

# Build electron app with DevTools enabled
$ npm run build:electron-app-dev

# Copy Electron app assets
$ npm run copy:electron-app-assets

# Build Vue app
$ npm run build:vue-app

# Launch Webpack development server with Vue app loaded
$ npm run watch:vue-app

# Pack Electron app (for development purposes only)
$ npm run pack

# Build installers for your current platform
$ npm run dist

# Build installers for all platforms
$ npm run dist:all

# Build installers for Windows
$ npm run dist:w

# Build installers for macOS
$ npm run dist:m

# Build installers for Linux
$ npm run dist:l

# [internal]
$ npm run postinstall

App structure

.                                   # root
├── build                           # directory for built installers
├── dist                            # directory for distributables
│   ├── electron-app                # directory for Electron app distributables
│   └── vue-app                     # directory for Vue app distributables
├── src                             # directory for source code
│   ├── electron-app                # directory for Electron app source code
│   │   ├── assets                  # directory for Electron app assets
│   │   │   └── icon.png            # app icon for Electron app
│   │   └── main.js                 # main Electron app file
│   └── vue-app                     # directory for Vue app source code
│       ├── assets                  # directory for Vue app assets
│       ├── components              # directory for Vue app components
│       ├── styles                  # directory for Vue app styles
│       ├── App.vue                 # main Vue component file
│       ├── index.html              # main index file for Vue app
│       ├── index.scss              # main style file for Vue app
│       └── main.js                 # main Vue app file
├── package.json                    # npm configuration file
├── postcss.config.js               # postcss configuration file
├── webpack-electron-app.config.js  # Webpack configuration file for Electron app
└── webpack-vue-app.config.js       # Webpack configuration file for Vue app

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].