Top 10 Best VSCode Extensions for Vue JS Developers! (2021)

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

ความคิดเห็น • 81

  • @MakeAppswithDanny
    @MakeAppswithDanny  3 ปีที่แล้ว +3

    Please Like, Share, Subscribe & Comment - it all helps me create more content for you!
    👉 My Courses: dannys.link/courses
    👉 Download Fudget: www.fudget.com
    👉 My VSCode Setup: dannys.link/vscodesetup
    👉 DONT CLICK THIS: dannys.link/dontclick

  • @jensluck370
    @jensluck370 3 ปีที่แล้ว +5

    The legendary Vue and Quasar course creator Danny Connell did it again: A free video on TH-cam! Yes!!! And it's great as always.

  • @ModernKnight-l1l
    @ModernKnight-l1l 3 ปีที่แล้ว +5

    Thank you so much for the html split extension, i was wondering in your other videos what was that extention and was losing time while following your great courses. Wish i had an instructor like you 10 years ago.

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว

      Wow thanks Nicolas. Glad you're enjoying the extension!

  • @garthfenton
    @garthfenton 3 ปีที่แล้ว +3

    Great tips brother, I'm learning JS and eventually Vue, in-depth explanations are hard to find sometimes, thanks.

  • @dondelrosario3105
    @dondelrosario3105 3 ปีที่แล้ว +1

    Love all the extensions especially the Todo Tree.
    Thanks sir!

  • @giviz
    @giviz 3 ปีที่แล้ว +1

    I watched a lot of your videos and the quasagram formation, you're really good at what you're doing ! Keep up !

  • @Alexithymiander
    @Alexithymiander 3 ปีที่แล้ว +1

    Thanks for that! I appreciate the no-nonsense approach.

  • @sergeys1660
    @sergeys1660 3 ปีที่แล้ว +1

    Split HTML Attributes is genious! Thanks Danny!

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว

      Thanks Sergey! Hope it helps!

    • @sergeys1660
      @sergeys1660 3 ปีที่แล้ว

      Just bought your courses on udemy. BTW do you know how to fix Prettier issues with Quasar vs Vetur. I am getting errors that Vetur can't format .vue file...

  • @manojo123
    @manojo123 2 ปีที่แล้ว +1

    Thanks Danny for your hints I learned a lot in this video. I 'm a vim user and your Split HTML Attributes Extension doesn't work well when I fully select the line (Capital V). The line break works well but the identation of the first line don' t. Again thanks for the video!

    • @MakeAppswithDanny
      @MakeAppswithDanny  2 ปีที่แล้ว

      Thanks Jorge. Unfortunately I haven't tested it in Vim. I didn't even realise you could use VSCode extensions in Vim...

    • @manojo123
      @manojo123 2 ปีที่แล้ว +1

      @@MakeAppswithDanny Sry about my rusty english haha. I use vim keys in vscode. I installed you extension in vscode

    • @MakeAppswithDanny
      @MakeAppswithDanny  2 ปีที่แล้ว

      @@manojo123 Not sure what's going on there. Maybe it's clashing with a prettifier extension or something like that ...

    • @manojo123
      @manojo123 2 ปีที่แล้ว +1

      @@MakeAppswithDanny No problem at all. I understand the right way to use it is just to select only the tag that I want to format not the whole line! The extension rocks!

    • @MakeAppswithDanny
      @MakeAppswithDanny  2 ปีที่แล้ว

      @@manojo123 glad you solved it. Yeah I did try to get it to work so that you could just place the cursor anywhere within the tag, but couldn't get the RegEx to work so unfortunately you need to select the whole of the opening tag (or all of the tag if it's self-closing) 👍

  • @BenHayat
    @BenHayat 3 ปีที่แล้ว +2

    Danny and his courses, full of values.

  • @mehreenbaakza698
    @mehreenbaakza698 2 ปีที่แล้ว +1

    Love your videos. I always learn so much!

  • @user-ec6zh7cg3g
    @user-ec6zh7cg3g 3 ปีที่แล้ว +9

    actually you dont need auto close. many dont know that its built into vs code. you just need to activate it in settings. Emmet is also built in

  • @serosgb
    @serosgb 3 ปีที่แล้ว +2

    It'd be nice to have the second part of this video including more extensions, tips and tricks

  • @markinplovdiv2439
    @markinplovdiv2439 3 ปีที่แล้ว +1

    In the settings for Danny's "Split HTML Attributes", the suggested settings are:
    e.g. ["v-if", "v-else", "v-", "@click", "@focus", "@"]
    But if you want the Vue.js settings he suggests in the video, they are here for easy reference:
    "splitHTMLAttributes.sortOrder": [
    "^v-if",
    "^v-else",
    "^v-show",
    "^v-model",
    "^v-for",
    "^:key",
    "^key",
    "^v-",
    "^:",
    "^@click",
    "^@",
    "^id",
    "^class",
    "^.*=\""
    ],

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว

      Ooh thanks Mark. I should probably update the readme.

  • @vijayr7402
    @vijayr7402 3 ปีที่แล้ว +1

    Thank you so much Dany!!! TODO tree is really great, will be very helpful!!!!😭

  • @BenHayat
    @BenHayat 3 ปีที่แล้ว +2

    Love the TODO

  • @jrr2479
    @jrr2479 3 ปีที่แล้ว +1

    Great extensions, thanks.

  • @jenstornell
    @jenstornell 3 ปีที่แล้ว +1

    Split html attributes extension was really nice. However, to make it awesome, allow to put the cursor into a tag to split it. No need to select the whole tag. Thanks!

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว +1

      Thanks Jens. I did try to get it to work like that, but I wasn't clever enough 😂

    • @jenstornell
      @jenstornell 3 ปีที่แล้ว +1

      @@MakeAppswithDanny A regex is probably needed. To find ending < and > should not be a big problem. I guess it's harder to not match inside quotes like . Edge cases.

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว

      @@jenstornell Yes that was the problem, I couldn't get the regex right when additional right angle quotes were used 👍

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว +1

      Which actually isn't just edge cases, when you think of operators in your Vue directives. E.g.

  • @dekebaoe
    @dekebaoe 3 ปีที่แล้ว +1

    Very good. Thanks a lot Danny!

  • @JamesRose8
    @JamesRose8 3 ปีที่แล้ว +2

    Thanks Danny! I also use Prettier and whenever I invoke Split HTML Attributes and then Save, the split changes go away. So 2 questions:1) why don't you use a formatter like Prettier, and 2) do you know if there's a way to use both at the same time?

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว +1

      Thanks James! I don't use auto-formatters because I like to have complete control of the formatting. With regards to getting them to play nicely together, I'm not sure unfortunately. 👍

  • @musicforyou4444
    @musicforyou4444 3 ปีที่แล้ว +1

    Thank you for sharing. I support you.

  • @andidarusman8408
    @andidarusman8408 3 ปีที่แล้ว +1

    Helpful and awesome 👍

  • @scottisitt
    @scottisitt 3 ปีที่แล้ว +1

    Does Vetur still work? Because I couldn’t get IntelliSense to work.

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว

      Vetur doesn't support Vue 3 yet, Scott. I've been using Volar instead: marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar

    • @scottisitt
      @scottisitt 3 ปีที่แล้ว +1

      @@MakeAppswithDanny I see. I actually installed some other plugins that ended up working.

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว

      @@scottisitt Great 👍

  • @katteos
    @katteos 3 ปีที่แล้ว

    Very handy that Split HTML Attributes extension but it will not make conflict with formatters or beautifiers?

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว +1

      Hi Stefano. Yes, it might do. I don't use these prettifiers personally.

  • @taimurkhan3881
    @taimurkhan3881 3 ปีที่แล้ว

    Hello, Can you please help me I recently downloaded Visual studio code but unfortunately I can not download any extension the search bar shows nothing despite having a very stable connections its just blank. Help please!!!

    • @MakeAppswithDanny
      @MakeAppswithDanny  3 ปีที่แล้ว

      I don't know what's going on there Taimur, I've never seen that issue.

  • @vijayramesh8612
    @vijayramesh8612 ปีที่แล้ว +1

    How to install vue js for MacBook Air m1 can anyone please help…

    • @MakeAppswithDanny
      @MakeAppswithDanny  ปีที่แล้ว

      I'm not sure what you mean. I have an M1. What is the issue?

  • @artemijeka
    @artemijeka 3 ปีที่แล้ว +1

    Very thanks

  • @marble_wraith
    @marble_wraith 3 ปีที่แล้ว +1

    Something else i'd recommend. Better Comments, it'll give you unique highlighting on your comments that will work well with TODO tree.

  • @usmanmughal5916
    @usmanmughal5916 3 ปีที่แล้ว

    vue 3 (composition api) with apollo client and to connect with backend graphql api

  • @hamadk7128
    @hamadk7128 3 ปีที่แล้ว +1

    Brilliant!!

  • @mohamedbouaouine4384
    @mohamedbouaouine4384 ปีที่แล้ว +1

    top développeur au monde

  • @eli007s
    @eli007s 3 ปีที่แล้ว +1

    self promotion in that bonus extension 😏😉

  • @العرندس-ع8ل
    @العرندس-ع8ل 3 ปีที่แล้ว +1

    you are cool man

  • @bogdan_salavat
    @bogdan_salavat 2 ปีที่แล้ว +1

    ок!

  • @evertonmaximo_
    @evertonmaximo_ 2 ปีที่แล้ว +1

    Very good. Thanks a lot Danny!

    • @MakeAppswithDanny
      @MakeAppswithDanny  2 ปีที่แล้ว

      My pleasure Everton. Look out for a new VSCode / Vue 3 setup video today 👍

  • @JohnDoeX1966
    @JohnDoeX1966 3 ปีที่แล้ว +1

    great video, thank you!