Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/renato-rg/electron-vue-webpack
A minimal Electron + Vue 2 + Webpack 2 setup for quick development.
https://github.com/renato-rg/electron-vue-webpack
electron electron-vue-webpack vue vue2 vuejs2 webpack2
Last synced: 2 months ago
JSON representation
A minimal Electron + Vue 2 + Webpack 2 setup for quick development.
- Host: GitHub
- URL: https://github.com/renato-rg/electron-vue-webpack
- Owner: renato-rg
- Created: 2016-10-09T11:01:06.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2019-04-27T07:36:37.000Z (over 5 years ago)
- Last Synced: 2024-09-28T22:05:35.099Z (3 months ago)
- Topics: electron, electron-vue-webpack, vue, vue2, vuejs2, webpack2
- Language: Vue
- Homepage:
- Size: 22.5 KB
- Stars: 71
- Watchers: 7
- Forks: 16
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# electron-vue-webpack
Got tired finding Electron/Vue2/Webpack2 templates with fancy add-ons you don't really need?Give a try to this minimal template with very few dependencies for quick development and prototyping.
![w10 sample](https://cloud.githubusercontent.com/assets/11739632/19222705/0f8c55fc-8e5f-11e6-97fa-0d3943f43358.png)
## Install
``` bash
# Clone the repository once
$ git clone https://github.com/pastahito/electron-vue-webpack# Go into the repository (rename it as you wish)
$ cd electron-vue-webpack# Install the 7 only dependencies once
$ npm install
```## Usage
Run this two commands in two different prompts to start developing with hot reloading.
``` bash
# Webpack builds once and watches to apply only the changes
$ npm run dev# Start you electron app
$ npm start
```## What's included
You don't really need more stuff to start playing around with Electron, Vue 2 and Webpack 2.- Support for .vue (single file components). Use them with HTML & ES6 & CSS.
- No Express, neither Babel is needed (more than 97% ES6 is supported in Node/Electron).## Template structure
```
├── electron-vue-webpack/ # Your project's name├── app/
├── build/ # Webpack will bundle your css/js/img here
├── src/
├── assets/ # Images go here
├── electron.png
├── vue.png
├── webpack.png├── components/ # Webcomponents go here
├── Hello.vue├── App.vue # Vue app. Your global css can go here
├── entry.js # App entry. Your global js can go here├── index.html # Single Page Application HTML, it only uses build's files
├── main.js # Electron app init
├── package.json
├── webpack.config.js # Minimal webpack setup
```## Related
- [electron-react-webpack](https://github.com/pastahito/electron-react-webpack) -
Electron template using React instead of Vue 2.