keyboard shortcuts

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!
• 00:47 Brought to you by Sentry.io.
• 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.
• Syntax Theme
• 53:05 Final tricks.
• Log Wrapper
• 57:44 What about the AI stuff?
• 01:00:10 Sick Picks & Shameless Plugs.

Sick Picks

• Scott: Flicker Free Ultra Definition Phillips Bulbs.
• Wes: Clear Shoe Box Organizers.

Shameless Plugs

• Scott: Syntax Newsletter.

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

In this Hasty Treat, Scott and Wes talk about keyboard shortcuts, window management, and how to stay productive.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

Sentry - Sponsor

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

Show Notes

03:54 - Karabiner-Elements

06:11 - Better Touch Tool

13:55 - ScreenFlow

17:52 - VS Code Shortcuts

21:20 - Text Expander

23:00 - Clipy

Links

• Davinci Resolve
• Divvy
• Uberlayer
• Elgato Stream Deck
• iShowU
• Rocket
• Clipy source

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets

In this Hasty Treat, Scott and Wes talk about the non-glamorous skills that will improve your life as a developer!

Prismic - Sponsor

Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.

Show Notes

3:13 - Why it’s needed

• Make you a better dev
• Make big tasks easier

7:00 - Why we don’t do it

• Because it’s hard
• It’s boring - sometimes
• It’s not our focus

7:24 - Good command line skills

• Get around file system
• Copy, move, delete things

8:58 - Keyboard skills

• Jump by word/line/BOL/EOL
• Learn 1 new shortcut per week
• Custom keybindings for common tasks

14:22 - Communication and interpersonal skills

• Check out Syntax 125: Hasty Treat - Communication Skillz

14:41 - Time management

• Focus apps to help
• How long will something take?
• Revisit past projects when they are done and see how long it took

16:36 - Good file hygiene

• Good folder structure
• Delete old cruft
• Clear your recycle
• Desktop and downloads are off-limits
• Create template structures or tools for commonly used structures

Links

• Wes’ Command Line Power User Course
• Synology
• VSCode
• React PropTypes Generate
• Syntax 125: Hasty Treat - Communication Skillz
• CleanMyMac
• DaisyDisk

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets

It’s another VSCode episode! In this Hasty Treat, Scott and Wes talk all the things they love about VSCode — things to learn, how to get around more quickly, using keyboard commands, being more efficient, using snippets and more!

Sentry - Sponsor

If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry and using the coupon code “tastytreat”.

Show Notes

2:14 - Things to learn

• Jump by word, line
• Select by word
• Command Palette (cmd + shift + p)
• Move and copy lines - option up down or with shift
• Multi cursor
• Find and replace in files
• Use the Insiders build if you like updates every day

11:03 - Keyboard commands

• Cmd + b to hide sidebar
• Cmd + shift + x

13:55 - Snippets

• Snippet Generator
• Get to know defaults as well as tabs
• Mongo Snippets for Node-js

Links

• VSCode Marketplace
• VSCode Insiders Build
• React Snippets
• JavaScript (ES6) Code Snippets
• HTML Snippets
• ES7 React/Redux/GraphQL/React-Native snippets
• Vue VSCode Snippets
• Atom Snippets
• Text Expander

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets

Scott and Wes are back with another round of tips, tricks and tasty treats for their favorite code editor, VS Code.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session replayer and a performance monitor. Get 14 days free over at https://logrocket.com/syntax

Show Notes

01:45

• Why Scott and Wes use VS Code vs all the other options
• Stay up to date with all releases

06:05 - Favorite new updates

• Notification API
• Auto Import
• Listing errors in the file explorer
• Column Selection
• Interface Customization
• Hot Tip: Anytime you find yourself using your mouse, there’s likely a shortcut key for what you’re trying to do
• React Snippets Library
• Wes’ VS Code settings
• Visual Studio Live Share

27:40 - Favorite/New Extensions

• Bracket Pair Colorizer
• Rainbow Brackets
• Auto Rename Tag
• Better Comments
• Jest
• Snapshot Tools
• JS Refactor
• Import Cost
• Polacode
  • Carbon - An alternative way to share beautiful images of your source code

38:49 - Themes

• LevelUp Official
• Night Owl
• Cobalt2

40:35 - Tips and Tricks

• Learn how to jump and select by letter, word, line, etc.
• Move a line (or Line Bubbling) - Use this for rearranging and/or moving lines of code quickly.
• Cycling through multiple windows of the same app - If you have multiple VS Code windows open, “Cmd + backtick” will cycle through them, so you don’t have to drag them in and out of view.
• Adjust MacOS keyboard settings - change Key Repeat to “fast” and Delay Until Repeat to “short”. This will make your editor super fast when holding down arrow keys.
• Use Git features
  • Git History
• Spell Checker - “Cmd + .” will open up code actions and you check for possible misspellings, etc.
  • Code Spell Checker
• Rename Symbol - Much more reliable than find/replace.
• Sort Lines
• Select everything between quotes - (Cmd + Shift + Space)

57:25 - Things that could be improved

• Region folding is inconsistent and sometimes doesn’t work at all.
• No easy way to tell which extension is causing CPU performance issues.
• Sidebar indentation isn’t clear.

××× SIIIIICK ××× PIIIICKS ×××

• Wes: Melnor 4-Zone Digital Water Timer
• Scott: Tosowoong Enzyme face cleanser

Shameless Plugs

• Scott’s Intermediate React Series
• Wes’ All Course Secret Sale

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets

#35

DO THE WORK PODCAST:

A dailyish show focusing on the reality of being a dad, running multiple businesses and all of the organization, productivity, and lifehacking that is in place to make it all work.  The show will make you cry, laugh, like me, and hate me, but most importantly it will remind you to remember what is truly important in your life.

Follow Me:

Instagram: @DiegoFooter: http://bit.ly/2B3vprJ

YouTube: Diego Footer: http://bit.ly/SubtoDiego

Podcast: DO THE WORK: https://apple.co/2ERsLHZ

Produced by podcaster, entrepreneur, and dad of three daughters - Diego Footer.