Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yllanos/prevue
VueJS app boilerplate for large scale component-based development. Supporting Webpack+Bootstrap+EcmaScript 6
https://github.com/yllanos/prevue
boilerplate bootstrap javascript vuejs webpack
Last synced: 27 days ago
JSON representation
VueJS app boilerplate for large scale component-based development. Supporting Webpack+Bootstrap+EcmaScript 6
- Host: GitHub
- URL: https://github.com/yllanos/prevue
- Owner: yllanos
- License: mit
- Created: 2016-08-15T05:06:58.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-08-16T02:05:34.000Z (over 8 years ago)
- Last Synced: 2024-12-01T09:38:02.163Z (about 1 month ago)
- Topics: boilerplate, bootstrap, javascript, vuejs, webpack
- Language: JavaScript
- Homepage:
- Size: 80.1 KB
- Stars: 11
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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 ##
``` bash
$ cd prevue
$ npm install
$ npm run dev
```
### Run development server ###
`npm run dev`
### Production build ###
`npm run build`
## Project structure ##
``` bash
├── LICENSE
├── README.md
├── gulpfile.js
├── index.html #Base HTML file
├── index.js #This is the bundled JS file
├── package.json #Project, scripts and dependencies config
├── 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 #webpack config file
```
### `./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