vue-webpack-typescript-boilerplate

A full-featured Webpack + Typescript setup with hot-reload, linting, unit testing & css extraction.

This template is Vue 2.0 compatible.

Documentation

• For this template: common questions specific to this template are answered and each part is described in greater detail
• For Vue 2.0: general information about how to work with Vue, not specific to this template

Usage

This is a project template for vue-cli. It is recommended to use npm 3+ for a more efficient dependency tree.

> npm install -g vue-cli
> vue init simardo/vuejs-typescript-template my-project
> cd my-project
> npm run setup
> npm run dev

What's included

• npm run clean: Cleans the distribution folder.

• npm run dev: First-in-class development experience.

• npm run build: Production ready build.

• npm run unit: Unit tests run in PhantomJS with Karma + Jasmine + karma-webpack.

• npm run unitall: Unit tests run in PhantomJS, Chrome and Firefox with Karma + Jasmine + karma-webpack.

  • npm run unitall -- --browsers Chrome will run tests only using Chrome.

• npm run e2e: End-to-end tests with Nightwatch + Selenium.

• npm run test: Unit and End-to-end tests.

• npm run tslint: Lint Typescript code with TSLint.

• npm run stylelint: Lint CSS/SASS files with StyleLint.