Code with Kristian • I make videos and write about software development and programming tools
14 Great VSCode Resources - Dev Setups, Quickstart Videos, Courses, and Deep Dives
VSCode is the most popular text editor in the world. In this issue of Bytesized, we'll take a look at VSCode from a productivity angle: there's a good chance that VSCode is part of your repertoire, so instead of teaching you what it is, we'll look at how you can get more productive with it.
Hey, how are you doing?
After taking a few weeks off at the end of 2020, Bytesized is back with two big improvements this year:
- Every issue is now available and shareable online! Check out this issue on our website (and share it with your friends)
- We're hyper-focused on sharing crucial links, guides, and info from a single topic every week. It's like all the emails you've gotten in the past few weeks from us, but even easier to digest.
I think you're going to love it—if you do, consider sharing the newsletter with your friends. We have an awesome swag program for you to check out. - Kristian
Bytesized covers important ideas for developers, sent to over 4,000 people every week. Have something to promote? Learn more about sponsorship.
VSCode is the most popular text editor in the world.
That's a remarkable stat on its own, but even more so when you consider how new it is: the first release was in April 2015.
In this issue of Bytesized, we'll take a look at VSCode from a productivity angle: there's a good chance that VSCode is part of your repertoire, so instead of teaching you what it is, we'll look at how you can get more productive with it.
My Visual Studio Code Setup
Ali Spittel's collection of her favorite VSCode extensions and themes.
The Ultimate VSCode Setup for Front End/JS/React
Elad Ossadon covers the extensions you need to have to work as a front-end developer in VSCode.
My VS Code Setup
Caleb Porzio's favorite extensions, settings, and special "zen" mode for minimalist developers.
How to set up VSCode to improve your productivity
A collection of useful extensions, with a focus on text editing improvements and reducing repetitive motions and actions with templating extensions.
5 Ways to Customize VS Code
James Quick covers custom themes, fonts, extensions, settings, and keyboard shortcuts in his popular VSCode intro.
VS Code Top-Ten Pro Tips
The uber-popular Fireship YouTube channel takes a look at ten tips for increasing your VSCode productivity and happiness.
Using VSCode with the VIM Extension
Richard Bagshaw covers a great way to use VSCode: Vim keyboard bindings. He walks through how to install a Vim extension, set up your key bindings, and best practices for making the switch to Vim shortcuts in your day-to-day work.
Visual Studio Code Markdown Preview
If you work in GitHub, read Reddit, or write code-adjacent prose in anyway, you probably have some familiarity with Markdown. This video covers the basics of some great Markdown tooling for VSCode, showing how you can lint, spell-check, build templates, and preview your Markdown content directly in VSCode.
Vim for VSCode
Joe Previte's excellent $10 course has 100+ exercises for learning how to use Vim inside of VSCode.
VSCode Power User
Ahmad Awais's comprehensive (5 hours!) course on getting up and running with VSCode, including specific sections on web development, working with Git and GitHub, Markdown, and Ahmad's favorite extensions. This course is on sale pretty frequently, so keep an eye out 👀
Make VS Code Awesome
Caleb Porzio's course on VSCode isn't focused on exploring every single feature of the editor; instead, it's about zooming in on the important things for developers: extensions, keyboard-based navigation, and a particular focus on building a better development experience for PHP developers.
Language Server Extension Guide
VSCode is open-source, but it's also changing the way that other text editors think and work with the underlying code they show to users. The VSCode Language Server is a spec that has allowed developers to build support for languages into VSCode with first-party support, and it's even been the inspiration for new features in older editors like Vim and Emacs. Check out more about how it works!
VSCode Architecture And Overview
Want to know how VSCode works under the hood? C#Corner's overview of the architecture of VSCode covers all the pieces of the open-source codebase and how they fit together. As you might expect, VSCode wouldn't be possible without a ton of incredible underlying open-source tooling: this article teaches you what those things are.
How to Configure VS Code Like a Pro
There's a lot of underlying primitives in VSCode that aren't as well-known, but provide great support for working in a codebase for an extended period of time. Stefan Metodiev's guide to setting up VSCode workspaces, tasks, and snippets is a great way to build a more IDE-like experience for your projects inside of VSCode.
Liked this issue? Good news—Bytesized's theme this month is editors. We'll be looking at text editors, tools for thought, and how to be more productive this year as we build software. See you next week!