10X Your SvelteKit Developer Experience in VSCode
If you find my content useful and want to support the channel, consider contributing a coffee ☕: https://hbyt.us/coffee
SvelteKit is a framework for building modern, high-performance, browser-based applications. It was developed by the team behind the popular Svelte framework and is powered by Svelte. Unlike other JavaScript frameworks, it doesn’t use a virtual DOM or deliver a bloated and slow application.
In this video, I cover 10 tips to improve your developer experience when building web applications with SvelteKit & VSCode.
📚 Resources Mentioned In This Video:
Reddit Post: https://www.reddit.com/r/sveltejs/comments/xltgyp/quality_of_life_tips_when_using_sveltekit_in_vs/
SubmitFunction Snippet: https://pastebin.com/D9ipCALC
Material Icon Theme: https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
Material Icon Folder Color: 43A047
Extensions:
– https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode
– https://marketplace.visualstudio.com/items?itemName=ardenivanov.svelte-intellisense
– https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets
🚀 Become a channel member: https://hbyt.us/join
💬 Discord: https://hbyt.us/discord
🐦 Twitter: https://hbyt.us/twitter
🖥️ Setup Stuff: https://hbyt.us/gear
🔖 Chapters:
00:00 – Intro
00:14 – Tab Labels
01:08 – Explorer: Files First
02:38 – Compact Folders
03:23 – Material Icons Theme
04:23 – Tree Indentation
05:17 – Extensions
07:21 – Quicker Navigation
08:29 – Svelte Discord
09:22 – Outro
📃 Topics Covered:
– SvelteKit VSCode Extensions
– What is SvelteKit?
– SvelteKit Snippets
– SvelteKit Tips
– Svelte Tips
– SvelteKit VSCode theme
– SvelteKit intellisense
– SvelteKit Productivity
__________________________________________
(Affiliate links may be included in this description. If you choose to purchase a product from one of those links, I may receive a small commission at no cost to you. Thank you for supporting the channel!)