Make
VS Code

Not Suck

Awesome 🔥

Convinced already? Skip to the buy part.

VS Code is pretty good

Its integrated terminal, global search, and extension marketplace are fantastic.

But here's my beef: It's loaded with distractions and takes a ton of configuration to feel good.

That's where this course comes in.

We're going to make VS Code awesome, then teach you how to be insanely productive in it.

Manuals are boooorinng 😴

This is not about everything VS Code CAN do, that's what the docs are for.

Instead of showing you everything VS Code is capable of, we'll zoom in on the things that matter to a working developer.

Here we go.

Hide All The Crap

First, we're going to hide all the distracting crap everywhere. We want our editor to feel more like an artist's canvas than a pilot's cockpit.

Increase Awesome →
🔥

Ditch the mouse

Now that we've hidden everything, we'll establish some easy to remember keybindings. Keyboard shortcuts should be logical and easy to remember. None of this hieroglyphics: ⌥⇧^

Make it look gooood 😎

Aesthetics matter. You spend most of your workday inside your editor. You should LOVE the way it looks.

 

And that's just the beginning...

We're going to go so much deeper.

Hi, I'm Caleb. I'm a full-time open source developer (creator of Alpine and Livewire).

I've been using VS Code for years. Over time, I've tinkered and tweaked my workflow to be fast, efficient, and beautiful.

I get tons of questions about my setup at conferences and live-streams, so I finally decided to do something about it!

I've put years into perfecting my VS Code set up, but while building this course, I went way deeper and labored over every tiny detail for you.

I hope the time I've invested pays you dividends right now and over the course of your career.

Happy coding!

I've been (under)using VSCode for a number of years now, and nothing has breathed more life and joy into my coding experience than the tips and tweaks that I've learned from Caleb, let alone the productivity boost. Can't recommend highly enough.

Chris Duell | CEO @elevioapp

No Panel Left Unturned

With some extra keybindings and settings customizations,
we'll learn how to use the panels in VS Code like a boss.

<p>Duplicate me.</p>
<p>Duplicate me.</p>
<p>Duplicate me.</p>
<p>Duplicate me.</p>
<p>Duplicate me.</p>
<p>Duplicate me.</p>
<p>Duplicate me.</p>

→ Duplicate Line

Write Code Faster

You write code all day, might as well be good at it. We'll reinforce basics like duplicating/deleting lines of code and travel all the way to advanced multi-cursor techniques. We'll make awesome keybindings for each operation as we go of course.

IntelliSense

VS Code is OK at understanding languages like JavaScript, but we can do much better. We're going to cover lots of code related operations like autocomplete, test running, and linting.

 
 
Auth::user();
use Illuminate\Support\Facades\Auth;
 
Auth::user();

Cmd+K Cmd+I → Import Class

It's All About The Bindings

All of this is going to be paired with logical, easily memorizable keybindings. No more odd combinations of modifier keys, just logical shortcuts you could almost guess. I've poured SOOO much thought into my keybindings and I CAN'T wait to share them with you.

“This is a must have if you do anything with VSCode. Caleb’s content is clear, exciting and brings you to a whole new coding experience. I can’t believe how much more productive I got after going through it. If you are on the fence here’s a little push ;)”

Nuno Suto

Ok, enough talk.
Let's see what's inside 👀

The Book

A comprehensive Ebook jam-packed with tips, tricks, tutorials, and code snippets. It's entertaining to read and loaded with screenshots.

Get a free chapter right now

No spam. Unsubscribe whenever.

Here's Some Things We'll Cover

Better Defaults

Hide Everything

The Explorer Panel

The Git Panel

The Find All Panel

The Terminal

Manipulating Lines

Multi-Cursor

Split Panels

Editing HTML

Snippets

VIM Mode

Project Switching

JavaScript Autocomplete

Autocomplete

Running Tests

Linting

The Best Fonts

The Best Themes

Typography

Full Bleed Window

Over 2.5 Hours Of Screencasts

Most screencasts are boring, but you won't find a robotic voice here. I'll walk you through every piece of my VS Code set up as if we were sitting next to each other. Come for the banger content, stay for my dumb jokes.

Watch one for free right now ↓

Private/Exclusive Extensions

I've written a number of VS Code extensions over the years. Better PHPUnit is the most popular one. Exclusively for this course, I wrote two brand new extensions. I've been using them every day for months now and couldn't live without them.

Simple Project Switcher

Switching between different projects in VS Code should be as easy as pressing Cmd+P to switch between files. That's exactly what this extension does. No more fiddling with tabs or windows, just a key press and you can fuzzy search for any project OR easily visit the most recently opened ones.

Better Keybindings

I've put more sweat into my keybindings file than almost anything else in my VS Code set up. Rather than keeping track of those settings over time and across machines, I wrote this extension to just handle everything for me. Install it, and enable all the convenient keybindings we'll discuss in the course.

Raw Config Files

I've put more sweat into my settings.json and keybindings.json files than anything else in this entire course. Go ahead, copy and paste em'.

Keybindings Cheatsheet

Even though the shortcuts we use in this course are easy to memorize, sometimes it's helpful to have a reference. While you're adopting the workflows in this course, you can print out this cheatsheet and pin it on your desk to reference as you start to master the content.

“As true proof of awesomeness, I can tell you I had two friends look over my shoulder and ask me "How did you get your VS Code looking like that?.”

- Rafael Marcano

Are You Ready To
Make VS Code Awesome 🔥?

😎 Cool Kid

$ 39

  • The 144-page book (Mac and Windows versions)

  • Copy and Pastable Settings, Keybindings, and Snippets Files

Buy Now

🧙🏻‍♂️ Wizard

$ 149

  • The 144-page book (Mac and Windows versions)

  • Over 2.5 Hours Of "I Promise They're Not Boring" Screencasts

  • "Better Keybindings" Private Extension

  • "Simple Project Switcher" Private Extension

  • Copy and Pastable Settings, Keybindings, and Snippets Files

  • Printable Keyboard Shortcut Cheatsheet In PDF Format

Buy Now

⛹🏻‍♂️ Baller

$ 99

  • The 144-page book (Mac and Windows versions)

  • Over 2.5 Hours Of "I Promise They're Not Boring" Screencasts

  • Copy and Pastable Settings, Keybindings, and Snippets Files

  • Printable Keyboard Shortcut Cheatsheet In PDF Format

Buy Now
Buying for your team? View team pricing options.

Frequently asked questions

Both! I personally use a mac so everything was designed around a mac. However, because so many people use Windows, I hired a friend to make a "Windows" version of the ebook and verify everything works well on Windows. The screencasts are recorded on a Mac, but the snippets you will copy along with me are offered for Windows as well.

Contact me within 15 days and I'll refund you ASAP.

Absolutely. Click the "Generate" button on your receipt (from Gumroad) and you can generate an invoice with any information you need.

Totally, shoot me an email at support@makevscodeawesome.com and I'll get you a discounted link!

Yes and no. There's a lot of overlap, but I touch on things in the ebook that I don't in the screencasts and vice versa.

Absolutely! You can view the team pricing here.

Made by @calebporzio
Using Tailwind, Alpine & Animate+