To avoid configuring Webpack and creating a new workflow from nothing, we will use vue-cli
.
Note
vue-cli
(https://github.com/vuejs/vue-cli) is a simple CLI for scaffolding Vue.js projects. It is a really handy tool, created by Evan You.
This awesome tool is the fastest way to get up a pre-configured build. It offers templates with hot-reload, lint-on-save, unit testing, and much more. Currently, it offers scaffold templates for Webpack and Browserify, but if needed, you can create you own by visiting https://goo.gl/js4fdN.
What CLI does, is pulling down templates from Vue.js official templates repository (https://github.com/vuejs-templates) where there are 5 templates available now. I believe this number will grow in the near future. You can check what they include on GitHub.
All templates contain a package.json
file, which handles the project's dependencies and comes with a preset of NPM scripts.
Using Vue's project templates, you get a lot of features together. For example...