VS Code

Debugging

• 📺 Build and Debug NodeJS Typescript with ONLY VSCODE • 4 minute video by Basarat Ali showing how to set up a TS build task and use the Node debugger
• 📺 Debugging a Web application with VSCode • 3 minute video by Basarat Ali showing how use the Chrome debugger in VS Code to debug a React app

Extensions

• List all of the ones I use?
• 📺 Getting started with ESLint (and setting up VSCode) • 4 minute video by Basarat Ali showing how to quickly install and configure eslint in a React project and enhance it with the ESLint extension in VS Code

Keyboard shortcuts

• 📺 Top 10 VS Code Keyboard Shortcuts for Maximizing Productivity • 8 minute video by Suboptimal Engineer showing how to navigate the editor panes and your project files using keyboard shortcuts

Preferences

• 📺 VS Code 🔥 Tips and Tricks - YouTube • 15 minute video by Sana Ajani and Brian Clark showing how to customize VS Code's interface and GitHub integration
• 📺 VS Code Tips and Tricks • 27 minute video by Sana Ajani with more suggestions for how to improve VS Code's preferences and GitHub integration
• Themes:
  • I keep coming back to Dracula and Gruvbox Dark Medium
    • The former is the prettiest to me, while the latter is the most readable (e.g. emoji colours stand out since the gray/brown bg colour is more neutral than Dracula's purple/blue one)
  • Maybe Gruvbox for me and Dracula for screen sharing?
• I'm enjoying hiding numbers by default!

Using TailwindCSS

• 📺 My VS Code + Tailwind CSS Workflow Tips (Shortcuts and Extensions) • 23 minute video by Sam Selikoff showing how to use Vim, Emmet, code folding, multiselect, keyboard shortcuts, and the TailwindCSS Intellisense extension to quickly edit markup that includes TailwindCSS classes