All Projects → renato-rg → Electron Vue Webpack

renato-rg / Electron Vue Webpack

A minimal Electron + Vue 2 + Webpack 2 setup for quick development.

Projects that are alternatives of or similar to Electron Vue Webpack

Easy Vue
Learn vueJS Easily 👻
Stars: ✭ 896 (+1180%)
Mutual labels:  webpack2, vuejs2, vue2
Willshop
基于 Laravel5.4 + vue.js2.x 的小网店系统
Stars: ✭ 46 (-34.29%)
Mutual labels:  webpack2, vuejs2
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+1521.43%)
Mutual labels:  webpack2, vue2
Mdi Vue
Material design icons for vue.js
Stars: ✭ 53 (-24.29%)
Mutual labels:  vuejs2, vue2
Laravel Vue Tasks
📝 Task app built with Laravel 5.5 and Vue 2
Stars: ✭ 66 (-5.71%)
Mutual labels:  vuejs2, vue2
Vue Express Webpack Gulp
使用Vue,Express,Webpack,gulp搭建的自动化电影库项目
Stars: ✭ 42 (-40%)
Mutual labels:  webpack2, vue2
Vuejs By Sample
The goal of this project is to provide a set of step by step samples, covering core concepts of Vue.js
Stars: ✭ 61 (-12.86%)
Mutual labels:  webpack2, vuejs2
Semantic Ui Vue
Semantic UI integration for Vue
Stars: ✭ 914 (+1205.71%)
Mutual labels:  vuejs2, vue2
Vue2 Web
酷我音乐—vue2、vue-router2、webpack2框架
Stars: ✭ 54 (-22.86%)
Mutual labels:  webpack2, vue2
Vue Vscode Snippets
These snippets were built to supercharge my workflow in the most seamless manner possible.
Stars: ✭ 1,083 (+1447.14%)
Mutual labels:  vuejs2, vue2
Vee Validate
✅ Form Validation for Vue.js
Stars: ✭ 8,820 (+12500%)
Mutual labels:  vuejs2, vue2
Generator Fountain Webapp
Yeoman 'fountain' generator to start a webapp
Stars: ✭ 985 (+1307.14%)
Mutual labels:  webpack2, vuejs2
Vue Share Buttons
🔗A set of social buttons for Vue.js
Stars: ✭ 34 (-51.43%)
Mutual labels:  vuejs2, vue2
Vue Prism
Simple Vue.js Syntax highlighting with Prism.js
Stars: ✭ 43 (-38.57%)
Mutual labels:  vuejs2, vue2
Unitauto
☀️机器学习单元测试平台,零代码、全方位、自动化 测试 方法/函数 的性能、正确性和可用性。☀️An unit testing management platform powered by machine learning. Coding-free, comprehensive and automatical testing for methods/functions.
Stars: ✭ 32 (-54.29%)
Mutual labels:  vuejs2, vue2
Vue Image Loader
Vue progressive image loader plugin like Medium
Stars: ✭ 47 (-32.86%)
Mutual labels:  vuejs2, vue2
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
Stars: ✭ 1,134 (+1520%)
Mutual labels:  vuejs2, vue2
Uiv
Bootstrap 3 components implemented by Vue 2.
Stars: ✭ 882 (+1160%)
Mutual labels:  vuejs2, vue2
Vms
A Vue.js 2.0 Content Management System
Stars: ✭ 885 (+1164.29%)
Mutual labels:  vuejs2, vue2
Vuex Flash
VueJs Flash Message Component within Vuex
Stars: ✭ 54 (-22.86%)
Mutual labels:  vuejs2, vue2

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

Install

# 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.

# 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

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].