Тёмный

Getting started with Vue 3 + Vite in 2021 (feat. Tailwind CSS, Vue Router, Vuex, ESLint & Prettier) 

Ahmed Hashim
Подписаться 550
Просмотров 50 тыс.
50% 1

Опубликовано:

 

31 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@mornemarais4198
@mornemarais4198 Год назад
thank you so much i cannot express how grateful i am i was on a project for a client and i couldnt figure the vue3 vite and vuex setup you are amazing thank you!
@_the_one_1
@_the_one_1 3 года назад
Great video man. Simple, clean and easy. Thank you.
@MagicStack
@MagicStack 2 года назад
I was looking particularly for this, thank you so much. keep going.
@guillermomazzari4983
@guillermomazzari4983 2 года назад
Thanks for the vid bro, now I need to learn how to use vuex lol, the best thing is to just save this folder and for future projects, copy, and paste with a different name, thanks a lot bro!
@kouceylahadji
@kouceylahadji 3 года назад
I dont know how I describe your method, but seriously WOW
@oxyaego4594
@oxyaego4594 3 года назад
As someone who uses React i have to say vue is really similar with it's concepts.. i mean i was able to understand most of the things going on without ever seeing vue code before
@sornt
@sornt 2 года назад
Great process to setup. Thank you for video.
@muhammadsanwarulislam3613
@muhammadsanwarulislam3613 2 года назад
it's a very clean and powerful tutorial ❤
@mr.angshuman
@mr.angshuman 2 года назад
Thanks for making this video.
@khaldounal-nuaimi3594
@khaldounal-nuaimi3594 2 года назад
This is so helpful. Thank you for doing this!
@paws7983
@paws7983 2 года назад
Very clear and helpful! Thank you! 😊❤️
@robinx6138
@robinx6138 3 года назад
best stack ever
@grzyboo9600
@grzyboo9600 3 года назад
no typescript = 💩
@philipdouble9404
@philipdouble9404 3 года назад
@@grzyboo9600 Vue and Vite have full typescript support - vue 3 is written in it...
@LtdJorge
@LtdJorge 3 года назад
@@grzyboo9600 you can if you want
@sornt
@sornt 2 года назад
Great!!! Thank for sharing.
@andreasbuchner7287
@andreasbuchner7287 2 года назад
Very helpful, thanks :)
@wertin200
@wertin200 2 года назад
This is quite a nice video
@brodyagaPATY
@brodyagaPATY 3 года назад
Good video👍👍👍the main thing is not to stop
@AhmedHashimCoding
@AhmedHashimCoding 3 года назад
Agreed! Just posted my second video ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XPhBVWyZXXk.html 🙌
@ebalda1
@ebalda1 2 года назад
Extremely helpful. Thanks!
@AngusGaukrogerDev
@AngusGaukrogerDev 2 года назад
Great tutorial thanks
@oleg_agapov
@oleg_agapov 3 года назад
Great video, very clear explanation!
@tudelcadoret8585
@tudelcadoret8585 3 года назад
Awesome video, thanks.
@JJ-ot3ps
@JJ-ot3ps 2 года назад
this is amazing! great work! please upload how vue vite work with backend framework like django pls!!!!!
@twitchizle
@twitchizle 3 года назад
Thanks
@roodborstkalf9664
@roodborstkalf9664 3 года назад
Excellent
@yubervasquez
@yubervasquez 3 года назад
muchas gracias efectivo, muchas gracias
@run-forrest-run
@run-forrest-run 2 года назад
You should consider making paid tutorials. You have a knack for this!
@SukhpalSingh-fz9ns
@SukhpalSingh-fz9ns 3 года назад
Nice work sir
@bendo01
@bendo01 3 года назад
great video
@JJ-ot3ps
@JJ-ot3ps 2 года назад
hi sire, forgot to ask, i see you did not install views or babel, does vite require views too?
@Xxp0r
@Xxp0r 3 года назад
Fantastic video, could you please do a followup with TypeScript support?
@AhmedHashimCoding
@AhmedHashimCoding 3 года назад
Unfortunately, I'm not that fluent with Typescript just yet.
@jerald_victor_j
@jerald_victor_j 3 года назад
This video is great. Can you add on with vue3 + vite ssr ?
@AhmedHashimCoding
@AhmedHashimCoding 3 года назад
Sure, will look into it
@heyyy4987
@heyyy4987 3 года назад
nice
@EmersonBottero
@EmersonBottero 3 года назад
have you heard of pinia? It is practically vuex5
@AhmedHashimCoding
@AhmedHashimCoding 3 года назад
I have not, will check it out. Thank you for the recommendation.
@УрошТомић-у4ф
@УрошТомић-у4ф 2 года назад
What about TypeScript support? :D
@Pizzaguy2
@Pizzaguy2 2 года назад
I need help Uncaught ReferenceError: routes is not defined
@oxk4r01
@oxk4r01 3 года назад
Hi. Vetur is compatible with this setup or is better to put it aside?
@eli007s
@eli007s 3 года назад
can you also share your vscode settings?
@noahginsburg6140
@noahginsburg6140 3 года назад
I can not get the format on save to happen
@OpieSister
@OpieSister 2 года назад
Getting an error in index.html- script type modules is not supported by IE.
@VeniVizzleVici
@VeniVizzleVici 2 года назад
Same
@ertoorule
@ertoorule 3 года назад
Do you think publish some course about vue
@mohamedakhelij
@mohamedakhelij 3 года назад
npm install --save-dev eslint prettier eslint-plugin-vue eslint-config-prettier , You are WELCOME !
@Chambo015
@Chambo015 Год назад
if eslint dont work change the file extension from .js to .cjs
@FrancoCarrara96
@FrancoCarrara96 3 года назад
There is any way to export the setup for future proyects?
@enterprisecloudnative8757
@enterprisecloudnative8757 3 года назад
Can you please do a video on how to install quasar
@omniovideo
@omniovideo 3 года назад
Like to see how this can be used with express and controller files with async/await (Axios) support and Mongo/Mongoose. How would this work with a server.js express server?
@blasder007
@blasder007 3 года назад
hey btw whats the name of that font?
@pratyamaneechot4502
@pratyamaneechot4502 3 года назад
Can use production ??
@AhmedHashimCoding
@AhmedHashimCoding 3 года назад
Since this video both Vue 3 and Vite have had new updates released, both of which have made the platforms quite stable. I would suggest waiting maybe another 3-6 months to use it in production just to be on the safe side, but honestly, I haven't run into any issues yet.
@ertoorule
@ertoorule 3 года назад
I mean premium course with premium content in your site or udemy skillshare
@nade3282
@nade3282 2 года назад
eslint doesn't work
@miformadepensar
@miformadepensar 3 года назад
sorry but, how you import components, in other components import import { computed, ref, components } from 'vue' { VacationCard } from '../components/VacationCard' const component = components(() => { return VacationCard }) reponse error: the components Failed to .... please.!
@jonecir
@jonecir 3 года назад
Hi William, did you figure it out?
@pwalkleyuk
@pwalkleyuk 3 года назад
For anyone else having the same issue: vite is a bit more pedantic than vue-cli. You need to include the '.vue' file extension on your imports. @Ahmed: Really helpful video. Thank-you !
@mytop5602
@mytop5602 3 года назад
Can you help me? I get the error: Error: Invalid route component at extractComponentsGuards (vue-router.esm-bundler.js:1976) at vue-router.esm-bundler.js:3089
@salambrur
@salambrur 2 года назад
Thanks
Далее
React Toastify  toast error 5
0:52
Просмотров 6
7 ways to deal with CSS
6:23
Просмотров 1,1 млн
React Toastify toast success 4
1:17
Просмотров 8