Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/paulpflug/vue-component-boilerplate

boilerplate for a standalone vue-component
https://github.com/paulpflug/vue-component-boilerplate

Last synced: 9 days ago
JSON representation

boilerplate for a standalone vue-component

Awesome Lists containing this project

README

        

# DEPRECATED see [cerijs](https://github.com/cerijs) and [ceri-boilerplate](https://github.com/cerijs/ceri-boilerplate)

# vue-component-boilerplate

> A full-featured component setup with hot-reload, lint-on-save & unit testing.

## Version Notice

Requires `[email protected]`

## Usage

This is a project template for [vue-cli](https://github.com/vuejs/vue-cli). **It is recommended to use npm 3+ for a more efficient dependency tree.**

``` bash
$ npm install -g vue-cli
$ vue init paulpflug/vue-component-boilerplate my-project
$ cd my-project
$ npm install
$ npm run dev
```

## What's Included

- `npm run dev`: first-in-class development experience.
- Webpack + `vue-loader` for single file Vue components.
- State preserving hot-reload
- State preserving compilation error overlay
- Lint-on-save with ESLint
- Source maps

- `npm run build`: Production ready build.
- JavaScript minified with [UglifyJS](https://github.com/mishoo/UglifyJS2).
- HTML minified with [html-minifier](https://github.com/kangax/html-minifier).

- `npm run test`: Unit tests run in PhantomJS with [Karma](http://karma-runner.github.io/0.13/index.html) + [Mocha](http://mochajs.org/) + [karma-webpack](https://github.com/webpack/karma-webpack).
- Supports ES2015 in test files.
- Supports all webpack loaders.
- Easy mock injection.