Vue CLI 3 and its Graphical User Interface

on YouTube ↗34m

" summary

Vue CLI 3 is a complete rewrite that replaces templates with a plugin-based architecture and installs a runtime package @vue/cli-service inside every project so build and dev behavior stays upgradable. The new GUI launches a local server and opens a web dashboard that creates or imports projects, adds plugins after creation, runs generators, shows file diffs and Git commits, and runs legacy and modern builds with a bundle analyzer. Community count hits 275 community plugins and the demo works end to end.

AI-written summary · about

" chapters (10)

1. 0:00Introduction to Vue CLI
2. 3:22Vue CLI 3 overview
3. 12:32Introducing Vue UI
4. 18:47Vue UI project manager
5. 22:33Project dashboard widgets
6. 24:17Managing plugins
7. 27:07Project configuration
8. 28:58Editing project settings
9. 31:06Running build tasks
10. 32:56Future improvements

" related talks

• 33mCLI x GUIGuillaume Chau · JSHeroes 2019
• 46mWhy Vue Cli Needed a UI and What You Can do With itGuillaume Chau · Connect.Tech 2018
• 23mAnnouncement related to Vue CLI UIGuillaume Chau · Vue.js Amsterdam 2020
• 01h 09mVue 3 Live ReleaseEvan You · Vue.js Global 2020
• 38mVue 3 Exclusive Interview Vue3 and BeyondEvan You · Vue.js Global 2020
• 40mVue.js - developer friendly, fast and versatileAlexander Schwartz · Jfokus 2018
• 26mMigrating a big old codebase to Vue 3: what I'm excited aboutNatalia Tepluhina · Vue.js Global 2020
• 40mState of Vue.jsEvan You · Nuxt Nation 2021