<H1> Make VS Code </H1> |
<H1> Awesome 🔥 </H1> |
<H1>
Made by @calebporzio
Using
Tailwind,
Alpine &
Animate+
</H1> |
<H2> VS Code is pretty good </H2> |
<H2> Manuals are boooorinng 😴 </H2> |
<H2> Hide All The Crap </H2> |
<H2> 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. </H2> |
<H2> Ditch the mouse </H2> |
<H2>
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: ⌥⇧^
</H2> |
<H2> Make it look gooood 😎 </H2> |
<H2> Aesthetics matter. You spend most of your workday inside your editor. You should LOVE the way it looks. </H2> |
<H2> And that's just the beginning... </H2> |
<H2> No Panel Left Unturned </H2> |
<H2> With some extra keybindings and settings customizations, we'll learn how to use the panels in VS Code like a boss. </H2> |
<H2>
→ Duplicate Line
</H2> |
<H2> Write Code Faster </H2> |
<H2> 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. </H2> |
<H2> Teach VS Code PHP </H2> |
<H2> VS Code understands JavaScript pretty well out of the box, but if you use PHP, you're screwed. We're going to teach VS Code PHP so we can have goodies like: autocomplete, goto definition, find all references, rename symbol, etc... We'll also cover test running and linting. </H2> |
<H2> Cmd+K Cmd+I → Import Class </H2> |
<H2> It's All About The Bindings </H2> |
<H2> 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. </H2> |
<H2> Ok, enough talk. Let's see what's inside 👀 </H2> |
<H2> The Book </H2> |
<H2> A comprehensive Ebook jam-packed with tips, tricks, tutorials, and code snippets. It's entertaining to read and loaded with screenshots. </H2> |
<H2>
Get a free chapter right now
</H2> |
<H2> Here's Some Things We'll Cover </H2> |
<H2> Over 2.5 Hours Of Screencasts </H2> |
<H2> 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. </H2> |
<H2> Watch one for free right now ↓ </H2> |
<H2> Private/Exclusive Extensions </H2> |
<H2>
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.
</H2> |
<H2> Raw Config Files </H2> |
<H2> 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'. </H2> |
<H2> Keybindings Cheatsheet </H2> |
<H2> 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. </H2> |
<H2>
Frequently asked questions
</H2> |
<H3>
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.
</H3> |
<H3>
“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 ;)”
</H3> |
<H3> Better Defaults </H3> |
<H3> Hide Everything </H3> |
<H3> The Explorer Panel </H3> |
<H3> The Git Panel </H3> |
<H3> The Find All Panel </H3> |
<H3> The Terminal </H3> |
<H3> Manipulating Lines </H3> |
<H3> Multi-Cursor </H3> |
<H3> Split Panels </H3> |
<H3> Editing HTML </H3> |
<H3> Snippets </H3> |
<H3> VIM Mode </H3> |
<H3> Project Switching </H3> |
<H3> JavaScript Autocomplete </H3> |
<H3> PHP Autocomplete </H3> |
<H3> Running Tests </H3> |
<H3> Linting </H3> |
<H3> The Best Fonts </H3> |
<H3> The Best Themes </H3> |
<H3> Typography </H3> |
<H3> Full Bleed Window </H3> |
<H3>
“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?.”
</H3> |
<H3>
😎 Cool Kid
</H3> |
<H3>
🧙🏻♂️ Wizard
</H3> |
<H3>
⛹🏻♂️ Baller
</H3> |
<H5> Simple Project Switcher </H5> |
<H5> Better Keybindings </H5> |
Social
Social Data
Cost and overhead previously rendered this semi-public form of communication unfeasible.
But advances in social networking technology from 2004-2010 has made broader concepts of sharing possible.