Vue 2.0 starter
by theddes
Sun 7 Aug 2016
There is little documentation available for the pre-release states of Vue and its router. Luckily the API has not changed all that much, and reading the official documentation is still incredibly useful.
Also extremely valuable is the changelog!
For the router, I recommend taking a look at the examples in the next branch of the official vue router repo.
Using the Vue Devtools is also highly recommended (includes Vuex timeline so you can travel through your app state).
Get started
$ npm install
# edit files and start developing
$ npm run dev
# bundle all scripts and styles for production use
$ npm run buildFeatures
- Vue 2 (pre-release)
- Vue Router (pre-release)
- Vuex (state management)
- VueResource (HTTP client)
- Webpack 2
- Babel 6
- Hot reloading
- PostCSS (with autoprefixer, postcss-apply, postcss-nested, postcss-reporter, postcss-placehold, postcss-focus, and postcss-font-magician)
- LostGrid
LostGrid
LostGrid is a powerful grid system that makes it easy to generate column based layouts. Refer to the Github readme for more information, and have a look at the sample view included in this project.
postcss-font-magician
Generates @font-face rules for you. All you need to do is specify the font-family name and the plugin will look up and load the corresponding font from Google Fonts or Bootstrap.
If you have local fonts you wish to use, add it at (or around) line 15 in build/webpack.base.js. They will be scanned and added automatically. Refer to Github for additional configuration options.
postcss-placehold
This plugin makes it easy to drop in placeholder images from placehold.it, like so:
div {
background: placehold(400, 400);
}