Which Is Better? Vue CLI or Vite? Options API vs Composition API? My Vue Recommendations...

In this video I discuss what approach I would take creating a new Vue application in 2022 and beyond! We'll look at Vite, Vue CLI, Composition API, Options API, Vitesse, Vola plugins, Pinia, routing and more!

👉Check out my last video on adding social media logins to your app

👉 Sign up and get free Vue cheat sheets and updates!

Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out

Need to Learn Vue or Nuxt? Check out my courses below!

🗂️ 🗂️ 🗂️
Make Sure To Check These Courses From Wes Bos ! 💻

0:00 Introduction
0:39 Table of Contents
01:15 Vue Version
03:27 Build Tools
05:30 SFC Layout
07:09 Router
07:36 State Management
09:05 Test Frameworks
09:54 Starter Template
10:34 Component Library
11:39 IDE Plugins

Links

[namaefumei]

Thanks for the video.
Setup:
- Vue 3
- Vite
- Composition API with Setup Script
- Vue Router(Next)
- Cypress, @testing-library/vue
- Vitesse (starter template)
- No component library
- Volar VSCode Extension

[LucTemetNosce]

Always great up to date content. Thanks.

[OzoneGrif]

I use the same stack in my latest projects; it's a very good stack!
I'm on Quasar tho, building components is time consuming and Quasar is really good.

[serosgb]

This is a great video! A lot of things have evolved.

[allanchavez]

I was confuuuused before this video, but you answered my exact questions. Such a great video, thank you!

[antonbilichenko]

Thanks for the video.
Looks like it's time to update the knowledge

[axbe_]

Wow. Great video! Very good recommendations, even for newbie Vue devs. Your opinion on this stack seems to be built on a lot of experience. Thank you for sharing this.

[zckfytc]

Thank you for guiding me into the best Vue stack!

[Josehernandezl]

Wow Erick really amazin video, thanks for sharing

[lithium]

im still bummed that vuetify is still not actually released for vue3, only as nightlies...

[Rivederchee]

Great video Erik, I think by accident I am the first one to have watched the whole thing :D

[garikaib]

I use the same tools except testing. I only do small projects and feel having a full testing stack is not necessary.

[marcosmoralesrodrigo]

Awesome video! I'm glad I'm using most of the stuff you're recommending, it makes me feel good, haha :)

[fpigeonjr]

🎉Great video Erik! Helps me keep up to date with the Vue ecosystem. Would you recommend `vitetest` for vite-based projects? Thanks for sharing these.

[JohannGarrido]

I really prefer the idea of just using a plain css theme like BulmaCSS for styling. Having a lot of classes in my elements for just styling/layout purposes is not my way. Because it's always a nightmare to align anything to proposed designs (including responsive), UI frameworks aren't so flexible in that aspect.

[jacobschmidt]

I really enjoyed giving Vite a try, but I came across an issue where the hot reload did not work. So I had to manually restart Vite in the console anytime I made a change, which is a deal-breaker for me.

[jnch]

I'm "happy" to see that you recommend none of quasar/vuetify for the UI Library since I find a bit to heavy. Still, I'm curious, I'm quite often limited when I need some tailwind component with a bit of logic(like date picker), how do you handle this?

[allanchua]

Hey Erik, love your videos man! Keep them up! Had a Telegram conversation with Evan You yesterday and he recommended naive-ui for vue 3. Would love to hear your thoughts about it

[Lucas-muno]

For now, I'd always recommend Vue 3 + Composition API + TS

[psybitcoin]

Can you do a video on Clean Architecture (Uncle Bob) with Vue/Nuxt?