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

Products Discussed In This Episode