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

Поділитися
Вставка
  • Опубліковано 16 гру 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 роки тому +8

    Great video man. Simple, clean and easy. Thank you.

  • @MagicStack
    @MagicStack 2 роки тому

    I was looking particularly for this, thank you so much. keep going.

  • @kouceylahadji
    @kouceylahadji 3 роки тому +2

    I dont know how I describe your method, but seriously WOW

  • @muhammadsanwarulislam3613
    @muhammadsanwarulislam3613 2 роки тому +4

    it's a very clean and powerful tutorial ❤

  • @robinx6138
    @robinx6138 3 роки тому +10

    best stack ever

    • @grzyboo9600
      @grzyboo9600 3 роки тому

      no typescript = 💩

    • @philipdouble9404
      @philipdouble9404 3 роки тому +1

      @@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 роки тому +1

    Great process to setup. Thank you for video.

  • @khaldounal-nuaimi3594
    @khaldounal-nuaimi3594 2 роки тому +2

    This is so helpful. Thank you for doing this!

  • @paws7983
    @paws7983 2 роки тому +1

    Very clear and helpful! Thank you! 😊❤️

  • @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!

  • @oxyaego4594
    @oxyaego4594 3 роки тому +20

    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

  • @brodyagaPATY
    @brodyagaPATY 3 роки тому +1

    Good video👍👍👍the main thing is not to stop

    • @AhmedHashimCoding
      @AhmedHashimCoding  3 роки тому

      Agreed! Just posted my second video ua-cam.com/video/XPhBVWyZXXk/v-deo.html 🙌

  • @mr.angshuman
    @mr.angshuman 2 роки тому

    Thanks for making this video.

  • @andreasbuchner7287
    @andreasbuchner7287 2 роки тому +1

    Very helpful, thanks :)

  • @ebalda1
    @ebalda1 2 роки тому

    Extremely helpful. Thanks!

  • @oleg_agapov
    @oleg_agapov 3 роки тому +1

    Great video, very clear explanation!

  • @wertin200
    @wertin200 2 роки тому

    This is quite a nice video

  • @sornt
    @sornt 2 роки тому

    Great!!! Thank for sharing.

  • @tudelcadoret8585
    @tudelcadoret8585 3 роки тому

    Awesome video, thanks.

  • @SukhpalSingh-fz9ns
    @SukhpalSingh-fz9ns 3 роки тому +1

    Nice work sir

  • @Xxp0r
    @Xxp0r 3 роки тому +6

    Fantastic video, could you please do a followup with TypeScript support?

    • @AhmedHashimCoding
      @AhmedHashimCoding  3 роки тому +5

      Unfortunately, I'm not that fluent with Typescript just yet.

  • @jerald_victor_j
    @jerald_victor_j 3 роки тому +5

    This video is great. Can you add on with vue3 + vite ssr ?

  • @JJ-ot3ps
    @JJ-ot3ps 2 роки тому

    hi sire, forgot to ask, i see you did not install views or babel, does vite require views too?

  • @JJ-ot3ps
    @JJ-ot3ps 2 роки тому

    this is amazing! great work! please upload how vue vite work with backend framework like django pls!!!!!

  • @Pizzaguy2
    @Pizzaguy2 2 роки тому

    I need help Uncaught ReferenceError: routes is not defined

  • @AngusGaukrogerDev
    @AngusGaukrogerDev 2 роки тому

    Great tutorial thanks

  • @noahginsburg6140
    @noahginsburg6140 3 роки тому

    I can not get the format on save to happen

  • @roodborstkalf9664
    @roodborstkalf9664 3 роки тому +1

    Excellent

  • @eli007s
    @eli007s 3 роки тому +1

    can you also share your vscode settings?

  • @EmersonBottero
    @EmersonBottero 3 роки тому +2

    have you heard of pinia? It is practically vuex5

    • @AhmedHashimCoding
      @AhmedHashimCoding  3 роки тому

      I have not, will check it out. Thank you for the recommendation.

  • @run-forrest-run
    @run-forrest-run 2 роки тому +1

    You should consider making paid tutorials. You have a knack for this!

  • @УрошТомић-у4ф
    @УрошТомић-у4ф 2 роки тому

    What about TypeScript support? :D

  • @oxk4r01
    @oxk4r01 3 роки тому

    Hi. Vetur is compatible with this setup or is better to put it aside?

  • @Chambo015
    @Chambo015 2 роки тому

    if eslint dont work change the file extension from .js to .cjs

  • @enterprisecloudnative8757
    @enterprisecloudnative8757 3 роки тому

    Can you please do a video on how to install quasar

  • @twitchizle
    @twitchizle 3 роки тому +3

    Thanks

  • @OpieSister
    @OpieSister 2 роки тому

    Getting an error in index.html- script type modules is not supported by IE.

  • @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?

  • @FrancoCarrara96
    @FrancoCarrara96 3 роки тому

    There is any way to export the setup for future proyects?

  • @ertoorule
    @ertoorule 3 роки тому

    Do you think publish some course about vue

  • @blasder007
    @blasder007 3 роки тому

    hey btw whats the name of that font?

  • @bendo01
    @bendo01 3 роки тому

    great video

  • @yubervasquez
    @yubervasquez 3 роки тому

    muchas gracias
    efectivo, muchas gracias

  • @mohamedakhelij
    @mohamedakhelij 3 роки тому

    npm install --save-dev eslint prettier eslint-plugin-vue eslint-config-prettier , You are WELCOME !

  • @ertoorule
    @ertoorule 3 роки тому

    I mean premium course with premium content in your site or udemy skillshare

  • @heyyy4987
    @heyyy4987 3 роки тому +1

    nice

  • @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.

  • @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 3 роки тому

    Thanks