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
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.
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...
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 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!
@@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) 👍
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", "^.*=\"" ],
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 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.
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?
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. 👍
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!!!
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
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.
Haha thanks Jens!
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.
Wow thanks Nicolas. Glad you're enjoying the extension!
Great tips brother, I'm learning JS and eventually Vue, in-depth explanations are hard to find sometimes, thanks.
Glad it was helpful, Garth!
Love all the extensions especially the Todo Tree.
Thanks sir!
Glad you like them!
I watched a lot of your videos and the quasagram formation, you're really good at what you're doing ! Keep up !
Thanks Giviz!
Thanks for that! I appreciate the no-nonsense approach.
Glad it was helpful!
Split HTML Attributes is genious! Thanks Danny!
Thanks Sergey! Hope it helps!
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...
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!
Thanks Jorge. Unfortunately I haven't tested it in Vim. I didn't even realise you could use VSCode extensions in Vim...
@@MakeAppswithDanny Sry about my rusty english haha. I use vim keys in vscode. I installed you extension in vscode
@@manojo123 Not sure what's going on there. Maybe it's clashing with a prettifier extension or something like that ...
@@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!
@@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) 👍
Danny and his courses, full of values.
Cheers Ben! 👍
Love your videos. I always learn so much!
Great to hear, Mehreen! 👍
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
Thanks A, I didn't know that 👍
It'd be nice to have the second part of this video including more extensions, tips and tricks
Thanks I'll consider that Oscar!
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",
"^.*=\""
],
Ooh thanks Mark. I should probably update the readme.
Thank you so much Dany!!! TODO tree is really great, will be very helpful!!!!😭
Thanks Vijay! Yeah, it's a good one!
Love the TODO
Great extensions, thanks.
Thanks JR 👍
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!
Thanks Jens. I did try to get it to work like that, but I wasn't clever enough 😂
@@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.
@@jenstornell Yes that was the problem, I couldn't get the regex right when additional right angle quotes were used 👍
Which actually isn't just edge cases, when you think of operators in your Vue directives. E.g.
Very good. Thanks a lot Danny!
Thanks Basar!
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?
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. 👍
Thank you for sharing. I support you.
My pleasure. Thanks! 👍
Helpful and awesome 👍
Thanks Andi!
Does Vetur still work? Because I couldn’t get IntelliSense to work.
Vetur doesn't support Vue 3 yet, Scott. I've been using Volar instead: marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar
@@MakeAppswithDanny I see. I actually installed some other plugins that ended up working.
@@scottisitt Great 👍
Very handy that Split HTML Attributes extension but it will not make conflict with formatters or beautifiers?
Hi Stefano. Yes, it might do. I don't use these prettifiers personally.
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!!!
I don't know what's going on there Taimur, I've never seen that issue.
How to install vue js for MacBook Air m1 can anyone please help…
I'm not sure what you mean. I have an M1. What is the issue?
Very thanks
Very welcome 👍
Something else i'd recommend. Better Comments, it'll give you unique highlighting on your comments that will work well with TODO tree.
Thanks for sharing, Matthew!
vue 3 (composition api) with apollo client and to connect with backend graphql api
Brilliant!!
Thanks Hamad!
top développeur au monde
Merci 👍
self promotion in that bonus extension 😏😉
Of course!
you are cool man
Haha thanks 4! 👍
ок!
Thanks Bogdan! 👍
Very good. Thanks a lot Danny!
My pleasure Everton. Look out for a new VSCode / Vue 3 setup video today 👍
great video, thank you!
Thanks Huey!