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