Vuetify Tutorial #2 - Setting Up Vuetify

Hey gang, in this video I'll be showing you how to set up a Vue JS project to use Vuetify by installing the Vuetify plugin and checking out the starter code it gives us.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🤑🤑 Donate


🎓🎓 Find me on Udemy

[Programming-Fun-With-Hima]

I really love your way of teaching Shaun, God keep you safe ;)

[manamarketingsa]

This doesn't work get a lot of errors... can you update these steps... please
with latest versions

[codeX-yblz]

Hello thanks for the nice tutorial, i have a problem when adding vuetify, this is the error ERROR
Error: You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists I am using vue version 3

[simonrg]

Be careful when you set up the vue application, you must use Vue CLI version 2 ! 

Version 3 isn't supported yet by vuetify, you will get an error when adding the plugin

[richardlr]

I love your setup for your tutorials, got a sweet Net Ninja Sticker...win, win!

[JimPopeHiker]

Hi Shaun, i'm getting error "Unexpected end of JSON input while parsing" when trying vue create todo-ninja. I'm on Vue CLI v4.2.3; is it the version? or any other ideas?

[fantabarack]

Hey! Can you please share what kind of extensions are you using in VS? I really like it! Thanks Shaun!

[catastrophiccarrots]

when i type vue create i get this error:
FullyQualifiedErrorId : UnauthorizedAccess

[shirinheidari]

Would you please post a new video for Vue 3 please? Thank you

[kimberlyxu]

Thank you so much for the nice tutorial :D!

[athuldinesh]

which command is used for 'Terminate batch job' in windows...Please Help...It is on 4:17 minutes of this video

[truthteachers]

My dear friend Shaun, looks like there is problem here. You keep saying vue 3 but the current version of Veutify only work on Vue 2. Another slip up??

[BikingBas]

Hi Shaun, the explanation in this video didn't work for me. After trying a lot, I found out that Vue has changed a little. So here's what to do:
1. Open Visual Studio Code
2. Type "vue ui" in the shell and a page will open
3. Create your project here
4. After creating, install the Vuetify plugin
5. Go back to Visual Studio Code and type "cd project-name" (replace project-name with your project name)

Now you should be able to see what Shaun is showing on his screen. Good luck everyone!

[eyuelnigussie]

Shaun, how are you using vue 3, because it is causing in error in my vue 3 project...Error: You cannot call "get" on a collection with no paths. Instead, check the "length" property first to verify at least 1 path exists.

[ayelhess]

great video great teacher love you haha

[rabbyhossain]

Can I add vuetify.js in a existing bootstrap project ?

[thethomasproject]

Ah very sad. Got the point of installing vuetify and discovered that it is not yet supported in vue 3. Stuck till it is.

[CmdrWDX]

Seems like vue cli is broken. after creating the project (vue create), changing the directory into to the vue project, and running npm run serve, I get an Error from the eslint-loader module. I tried to delete node_modules & the lock file and running npm i again. but that didnt help.
Has anyone an idea why this could be the case?
```
Module build failed (from
Error: Cannot find module
at
at Function.Module._load
at Module.require
at require
at Object.module.exports

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
```

[ilkinguliyev]

HOw you created before? How we can create? skipped the course.

[adriann]

What is that extension that makes the file icons pretty in Visual Studio?