This episode is Part 2 of Amy and James's favorite VS Code Hot Tips and Tricks for improving the developer experience. They share their favorite extensions, plugins, and themes for getting the most out of VS Code, including some hot takes on GitHub CoPilot.

Sponsors

Vercel

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

DatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."

For more information, visit datocms.com

Show Notes

0:00 Introduction
6:59 Our Favorite Extensions
7:32 Code Snap and Polacode
10:57 Better Comments
12:14 Bookmarks
13:02 Sponsor: DatoCMS
13:56 Cloak
14:37 Indent 4 to 2
16:02 CSS Peak
16:48 Error Lens
17:34 File Utils
19:13 Import Cost
21:07 Project Manager
21:20 Auto Complete
22:09 Tabnine and Kite
23:07 GitHub Co-Pilot
25:19 Sponsor: ZEAL
26:12 Git Integration and Git Lens
27:23 GitHub Pull Requests and Issues
27:44 LiveShare
29:04 IntelliSense for CSS Class Names in HTML
30:29 Snippets
31:58 Adding Extensions
33:07 Thunder Client
- James's YouTube Video on Thunder Client
35:04 Calculator
35:34 Markdown PDF
36:09 Sponsor: Vercel
37:15 change-case
38:10 Prisma
38:43 Color Bracket
39:34 Quokka.js
40:20 Colorize
40:50 Text Pastry
41:16 Emmet
42:00 Window Colors
43:34 Peacock
43:55 Building Your Own Extensions
44:32 Cobalt 2
45:37 Other Themes
- Night Owl
- Winter is Coming
- Midnight Synth
- codeSTACKr
- Level up Tuts
- Shades of Purple
- Hot Dog Stand
47:45 Grab Bag Questions
47:56 Question #1: How Hard is it to code your own VS Code Extension?
48:10 Question #2: Have you heard of Thunder Client?
- Thunder Client
48:25 Question #3: What do you think of Beginner Developers Using Extensions to Make Things Easier?
51:20 Question #4: Any References or Guides on Creating a VS Code Extension that You guys have used?
52:34 Picks and Plugs
52:36 James's Pick: Duolingo App
54:03 James's Plug: James Q Quick on YouTube
54:31 Amy's Pick: Pacific Northwest Backpack / Arkadia Supply Co
55:07 Amy's Plug: Amy's YouTube Channel