How to set up VSCode like a PRO!

Join Scott and Wes as they dish out the juiciest VSCode secrets for coding like a boss (or a Tolinski)! From speedy navigation to must-have extensions and the sickest themes, get ready to level up your coding game.

Show Notes

00:00 Welcome to Syntax!
01:44 A recording bug.
03:18 VSCode versions.
05:59 Tabs or no tabs.
10:32 Navigation tips.
11:35 Mouse and trackpad input.
13:43 Move, select and expand by
19:07 Interface tips.
19:17 Sidebars.
24:23 Sticky headers.
26:21 Activity bar.
30:30 Show or hide?
31:35 Profiles.
32:43 Keyboard Shortcuts.
32:49 Renaming.
34:32 Extensions.
34:45 Text pastry.
36:43 Better comments.
39:03 Auto rename tag.
40:02 Change case.
40:25 Permute lines.
41:26 File utils.
43:20 Sort JSON objects.
43:50 SQLite viewer.
44:29 Spell checker.
45:42 APC.
49:19 Themes.
53:05 Final tricks.
57:44 What about the AI stuff?
01:00:10 Sick Picks & Shameless Plugs.

------------------------------------------------------------------------------
Hit us up on Socials!

#webdevelopment #webdeveloper #javascript

[neeshsamsi]

The tab name setting changed my life. And I had to go check back on the Wes's reel to see what the entry requires

[bobbyboxer]

Excellent video! Such great info! Tons of little gems in this video. Saving for later as well. Thank you guys! 🔥

[PartyMusic]

Commenting at only 22 minutes in, already have setup a notepad of cool stuff and made some config changes. This video is more valuable than any other I've seen this year.

[sueaustin]

sticky headers is my new favorite thing, thanks wes!

[eleah]

logging shortcut and getting rid of import cost - thanks Scott!

[tomasvn]

Instead of auto rename tag, I just use "Linked editing" a vscode setting, for me it is the same. As for extension a fairly new one I use is "Paste JSON as Code", when I need to turn json object into TS type, very helpful. Also "Pretty TypeScript Error"

[kenscode]

OMG why have I been taking up so much of my editor real estate with tabs 🤯 Thank you for this tip 🙏

[dannonbaker]

Love the SyntaxFM theme -- I'd been looking for a replacement for the old ir_black!

[zhanezar]

commenting for the algo so more people find this amazing show,

[LeftShotDev]

Based on my window management on my screen -- I dock the sidebar to the outside depending on whether I have VSCode on the left/right side on a wide monitor. Everything to the right when I'm in fullscreen.

[MatDGVLL]

26:36 LMAO that's exactly the first thing that came to my mind the first time I saw VSCode

[chrsbll]

Nice to see Scott using codeium — I'm curious to know his thoughts on it, and any reasons he chose it over copilot

[exegeteio]

I find it an interesting conversion when a dev can move from the file list to the open fuzzy finder (command p). I feel like newer devs who are still learning what files and folders are named, or is easier to use the file list. But once you know the framework… command p.

[randmtv]

9:00 shortcut for that is Ctrl + T, at least for me on Windows. That way you don't have to type pound manually. I'm actually going to try all this no tabs stuff and try to navigate more and more with my keyboard.

[kevkwa]

Pro Tip: VSCode now has a Screencast mode which will show on the screen which keyboard shortcuts you are using. It's pretty nifty 😉and would be really useful the next time you do some of these VSCode tips videos so that we can follow along.

[alexsolovyov]

"I don't want the editor to be my job" – spends 10 minutes talking how he created multiple color themes

[saidyeter]

i switched to syntaxfm color theme, nicee

[WopsJops]

Instead of the Auto Rename Tag I use the built in Emmet command "Emmet: Update Tag" which I have mapped to "Ctrl + Cmd + U". This works in both HTML and JSX. Another invaluable Emmet Command "Wrap with abbreviation", I have mapped that one "Ctrl + Cmd + W". I use that one everyday editing React components.

[luismartins]

Do you use lint or prettier?

Also how do you set up for sveltekit on vscode? I constantly having problem of it not working all the time

[codeman-dev]

4:42 Important consideration! *Always* read your configuration before syncing. You might find than an extension saved a secret there!