Prevue

VueJS app boilerplate for large scale component-based development. Supporting Webpack+Bootstrap+EcmaScript 6

Prerequisites

I strongly recommend to globally install eslint, gulp-cli and webpack before cloning this:

npm install -g eslint gulp-cli webpack

Clone this project

git clone https://github.com/yllanos/prevue.git

Usage

$ cd prevue
$ npm install
$ npm run dev

Run development server

npm run dev

Production build

npm run build

Project structure

├── LICENSE
├── README.md
├── gulpfile.js
├── index.html                                #Base HTML file    
├── index.js                                #This is the bundled JS file
├── package.json
├── src                                        #Code goes here    
│   ├── components                            #Components directory
│   │   └── app-component                    #Sample component dir
│   │       ├── app-component-template.html    #Sample component template
│   │       ├── app-component.js            #Sample component JavaScript
│   │       └── logo.png                    #Sample component JavaScript
│   └── main.js                                #Container JS file
└── webpack.config.js

./index.js

A bundled index.js file will be created on root. This file will be transpiled from EcmaScript 6 components referenced from /src/main.js into EcmaScript 5.1

Have fun!

Go ahead and create your own components