10X Your SvelteKit Developer Experience in VSCode

Great video! Loved the displaying of file path in the tabs.

Very useful stuff, many thanks.

I kinda like tip #2 as it puts all the files you rarely go into after project setup at the top and out of the way. I understand how you didn't like it, but I will also give it a try.

#3 - omg I hated that, thank you!

Material Icons theme just reverts to not being installed oddly.

Most tip videos are not that good but this one had some really great tips that I applied to my setup immediately. Thank you!

I can't seem to find that SvelteKit File in my context menu

hmm, after seeing how the face behind the voice of 'daily dose of internet* looks, i am not surprised anymore how he looks.

THANKS! 💯💯

VS Code really needs to make a sort order for filesFirstExcludingRoot. I love the root folders up top but also love the files at the top of nested folders. Shame i can't have both :(

Wow, almost every one of these so far is something that irks me but I assumed wasn't customizable lol

whoah.. that first tip, why did I not know about this before?! sooo helpful !!

algo :)

Thanks bud :)

Great video. I'm learning SvelteKit from your practical videos. In this video you mentioned that you could not get used to the "Explorer: Files First" concept. I had the same until I discovered the "Explorer › File Nesting: Patterns".
The patterns that help me clean up the individual files that clutter the tree before the folders.

Item: package.json
Value:
playwright.config.ts, pnpm-lock.yaml, postcss.config.cjs, svelte.config.js, tailwind.config.cjs, tsconfig.json, vite.config.ts, .eslintignore, .eslintrc.cjs, .npmrc, .prettierignore, .prettierrc

Item: +layout*.svelte
Value: ${basename}*.ts

Item: +page*.svelte
Value: ${basename}*.ts

its really an beneficial video. and these are very rare tips. very few people give tips like him. Thank you man.

Thank you sir, this is awesome.

Awesome tips! I am excited to use the SvelteKit snippets.

Great content and video production, no BS and all pretty clear. Thanks

Not only for svelte but this would be useful for any programmer. Thank you

Awesome ❤

Just got into SvelteKit recently and you solved some problems for me. Earned my sub!

But I'm using webstorm!!!! 😜

This was an awesome video. Thanks so much for sharing these tricks!

This is a valuable lesson, these shortcut / tricks make Sveltekit development easier and enjoyable, I particularly like No.1 and No.3 settings, very useful, practical and minimize the confusion, thank you so much 🙏

Should be "how to 10X with VSCode in Sveltekit."

Thanks for videos on new and hyped topics so early :) I live how we can adapt VSCode tips for Nextjs13 aswell :) Thanks!

Thanks for the tips Huntabyte!

Using `ctrl + p` instantly leveled up project navigation. Highly recommend. Also remember you can set almost every setting at a workspace level as well in VSCode

great tips, thank you!

very good

Great video thanks for the tips!

love it 😍

Would be great if you did a video on Error handling with hooks in SvelteKit. I've got a real problem at work concerning Error handling and if you'd consider it I would be very grateful. Ex. HandleClientError.

Thank you for the great and up-to-date series on Sveltekit

Beside the last one this is all just about VS Code. I admit it's pretty commonly used but it's by far not the only one out there and thus framing the video in a general way "Improve DX for Svelte kit" is a bit clickbaity in my opinion. You should narrow it down to be more accurate by adding "in VS Code" or something.

Tnx for the tips , although I knew 7 from 10 but the 3 ones was very good

comment for the algo

EDIT
That feature is included with the File Utils extension

In the extensions section with those 3 installed the right click "Sveltekit files" is not listed for me. Is it possible this is included in another extension? thanks for the great video!

Really useful, thank you.

This is almost exactly the same video I wanted to make. One thing I would love for VS Code is to have an adjustable line height for the explorer because it's hard to parse the project structure sometimes and increasing the indentation helps but I would also like to increase the line height.

tnx

Great video 👌👌

Great video, Thank you

Awesome video ! hopefully svelte will become more popular than react one day

Awesome, waiting for the next 10x tips

im with you on the second tip, looks alien to me ahaha. Maybe if was brand spankin new to vscode i might be able to deal with it

Great video, thanks for the tips!

Great tips!!

hello algorithm

Great video!! Very helpful thanks!!