Vue CLI 3 - What's new?

Vue.js Antwerp - August Meetup

What's new in version 3 of the Vue.js CLI?
This is a quick walkthrough of the many new features and awesome bonuses v3 has to offer.

Transcript

1. Vue.js Antwerp / Lars van Herk / 29 august, 2018 Vue CLI v3 Command line tooling made awesome.
2. HELLO! I’M LARS VAN HERK. INTRO Nice to meet you! ——— Lead Front-end Developer @ OneDot Vue.js Developer @ Vlaamse Overheid - DWSE ——— Friendly neighbourhood Vue.js enthousiast
3. 1. New project setup flow 2. Configuring & extending Webpack 3. Building project-less Vue components 4. Vue CLI UI & extra bonuses SO, WHAT’S NEW? INTRO What isn’t?
4. WHAT WE HAD SO FAR PROJECT SETUP vue-cli: vue new <template> <name> - Scaffolding only - Guided via prompts - Lots of (community) templates - Webpack & Browserify - Ejected Webpack Config
5. WHAT WE HAVE NOW PROJECT SETUP @vue/cli: vue init <name> - Highly configurable - Saveable presets - (Community) Plugins - Backwards compatible - No ejected Webpack config - Still configurable CAVEAT: Compatibility with Nuxt.js, etc…
6. NO EJECT - NO HEADACHES! WEBPACK @vue/cli-service - All build config - bundled - Automatic updates - Extension via config file - Modify / Add loaders - Custom plugins & more - Still no ejection needed!
7. BUILD YOUR OWN VUE PROJECT SETUP - Options for everything - JS Flavour - Statemanagement - Router - CSS Flavour - … ! DEMO !
8. NO PROJECT? NO PROBLEM PROJECTLESS VUE - Build loose Vue files - Runnable in any project (with Vue runtime) - No setup outside of vue cli needed
9. ! DEMO ! NO PROJECT? NO PROBLEM PROJECTLESS VUE
10. Thank you! Vue.js Antwerp / Lars van Herk / 29 august, 2018