My Visual Studio Code setup for web developers 2022!
Today I'll introduce you to my VSC setup for web development. I'll cover the plugins, tools, settings, and features I used.
Questions or problems? Join the community! (Free)
📣 Discord Server: / discord
Support the channel:
🧡 Adobe Creative Cloud: https://prf.hn/l/Vlkn0QW (Affiliate Link)
🧡 My UI Design Tool: https://bit.ly/UseAdobeXd (Affiliate Link)
🧡 Music I Use: http://bit.ly/MeineHintergrundMusik (Affiliate Link)
🧡 My Business Account: http://bit.ly/MeinFreelanceKonto (Affiliate Link)
🧡 My Accounting Software: http://bit.ly/sevDeskUnleashed (Affiliate Link)
🧡 My Hardware/Camera Equipment: http://amzn.to/2ccEY0l (Affiliate Link)
🧡 YouTube Membership: http://bit.ly/YouTubeSupporter (Affiliate Link)
Chapter:
00:00 Introduction
00:39 Basic Setup
01:25 Design & Colors
02:55 Fonts
04:43 Git Sync
06:11 TypeScript & JavaScript
07:52 GitLens
09:00 SASS
09:53 Vite
11:38 Prettier
13:09 Code Highlight
14:18 Autocomplete
15:32 Quokka.js
17:42 Angular
20:04 Nest.js
21:04 Vue
21:57 End
Links from the video:
► VSC Theme: http://bit.ly/VisualStudioCodeTheme
► IDE Tutorial: • Neue Basic Web Dev IDE mit Vite! 👍 [TUTORIAL]
► Visual Studio Code: https://code.visualstudio.com/
► Video about the theme: • 🤔 Lohnt sich ein eigenes VSC Color Theme 🎨 ?!
► Setup video: • Neue Basic Web Dev IDE mit Vite! 👍 [TUTORIAL]
► Mono Lisa: https://www.monolisa.dev/
► My theme: https://marketplace.visualstudio.com/...
► Material Icon Theme: https://marketplace.visualstudio.com/...
► Git Sync: https://code.visualstudio.com/docs/ed...
► GitLense: https://marketplace.visualstudio.com/...
► IntelliCode: https://marketplace.visualstudio.com/...
► Angular Language Service: https://marketplace.visualstudio.com/...
► Angular Schematics: https://marketplace.visualstudio.com/...
► Angular Snippets (Version13): https://marketplace.visualstudio.com/...
► NestJS Files: https://marketplace.visualstudio.com/...
► DotENV: https://marketplace.visualstudio.com/...
► ESLint: https://marketplace.visualstudio.com/...
► Quokka.js: https://marketplace.visualstudio.com/...
► Vue Language Features (Volar): https://marketplace.visualstudio.com/...
► Vite/Browse Lite: https://marketplace.visualstudio.com/...
► SASS: https://marketplace.visualstudio.com/...
► Prettier: https://marketplace.visualstudio.com/...
► npm Intellisense:[https://marketplace.visualstudio.com/...
#tutorial #webdesign #visualstudiocode
My social media pages:
► Homepage: http://bit.ly/1y4rvIA
► Youtube: http://bit.ly/1rPBJ9Y
► Twitter: http://bit.ly/1y4rMeD
► Instagram: http://bit.ly/1UjBLuD
► Twitch: http://bit.ly/29VyA7J
► Discord: / discord
Copyright by Johannes Schiel / Unleashed Design