A full-featured Webpack setup with hot-reload, lint-on-save, unit testing & css extraction. This template is Vue 2.0 compatible.
- 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
This is a project template forvue-cli.It is recommended to use npm 5+ for a more reliable install.
npm install -g vue-cli
vue init bootstrap-vue/webpack my-project
cdmy-project
npm install
npm run dev
If port 8080 is already in use on your machine you must change the port number in/config/index.js
.Otherwisenpm run dev
will fail.
-
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
- Webpack +
-
npm run build
:Production ready build.- JavaScript minified withUglifyJS.
- HTML minified withhtml-minifier.
- CSS across all components extracted into a single file and minified withcssnano.
- All static assets compiled with version hashes for efficient long-term caching, and a production
index.html
is auto-generated with proper URLs to these generated assets. - Use
npm run build --report
to build with bundle size analytics.
-
npm run unit
:Unit tests run in PhantomJS withKarma+Mocha+karma-webpack.- Supports ES2015+ in test files.
- Supports all webpack loaders.
- Easy mock injection.
-
npm run e2e
:End-to-end tests withNightwatch.- Run tests in multiple browsers in parallel.
- Works with one command out of the box:
- Selenium and chromedriver dependencies automatically handled.
- Automatically spawns the Selenium server.
You can fork this repo to create your own boilerplate, and use it withvue-cli
:
vue init username/repo my-project