Back Button Tooling

Visual Studio Code for PHP Developers

Out of the blue, Microsoft jumps into the editor wars with an incredible offering that gives Sublime Text an overwhelming run for its money. In fact, it just might surpass it! So come along, as I demonstrate the ins, the outs, the tips, the techniques. Say hello to your new best friend: Visual Studio Code.

18 episodes
1:20:20 hrs
Start Series
    1. Run Time 7:04 Free

      Step one for any new editor is to configure the layout and theme. While Visual Studio Code's presentation out of the box is surprisingly good, let's tweak things a bit to my personal taste level.

    2. A clean workflow for manipulating files is essential. In this episode, you'll learn how to optimize the process of creating, deleting, renaming, and duplicating your files.

    3. Let's next review the process of traversing your file system. Or, in other words, what is the fastest way to open a file, or a class, or a PHP method. It's vital that we streamline this workflow as best as we can.

    4. Run Time 3:47 Free

      The programming world splits into two groups: those who research Vim keybindings for each new editor they try, and those who are still figuring out how to exit Vim. If you're among the former, let's get these keybindings working.

    5. Run Time 6:09 Free

      Please don't manually type out your various class and method structures. These are perfect use-cases for custom snippets. Let's create a few together, while reviewing some key variable names to make them more dynamic.

    6. If you're accustomed to opening a separate Terminal or iTerm window each time you need to trigger a console command, if you wish, you may now accomplish this directly from Visual Studio Code, via its terminal panel. Ctrl-` is your friend.

    7. Run Time 2:44 Free

      Visual Studio Code provides first-class Git support out of the box. Let's take a look.

    8. Run Time 1:34 Free

      For the Laravel users among you, the Artisan extension allows you to trigger any artisan command straight for the GUI. This means, within seconds, you can generate and load your new controller.

    9. Run Time 3:00 Free

      Let's review some key PHP workflow techniques in this episode. What's the quickest way to import a class? Or how can we shorten fully qualified class names in less than a second?

    10. Run Time 2:52 Free

      Built by Caleb Porzio, the "Better PHPUnit" extension offers us an incredibly clean workflow for building test-driven applications.

    11. Ideally, each time I save a PHP file, it should apply PSR-2 formatting, as well any number of automatic code fixes that I desire. Let's learn how to accomplish that very thing in this episode. You'll love it!

    12. We're getting nitpicky at this point, but that's okay. Having to reach for the mouse to right-click on a symbol to perform any kind of contextual action is a bit annoying. Let's instead assign a custom keyboard shortcut so that my hands can remain on the keyboard permanently.

    13. It's always a little tricky to setup a good PHP debugging workflow in your editor. Luckily, Jose Soto has documented the setup process for us. Yay! Now, we can follow a few quick steps to arrange for powerful PHP debugging in Visual Studio Code.

    14. How did we get along so long before the wonder of multiple cursors? We'll never know. If this concept is new to you, you're in for a productivity treat.

    15. Run Time 9:02 Free

      Before moving on to various JavaScript conveniences and optimizations for Visual Studio Code, let's do a full PHP recap and review.

    16. The useful "Import Cost" extension allows us to automatically visualize the size of each JavaScript dependency we import. It does this by appending a small, non-intrusive label next to each import. Are you importing a massive dependency that you didn't know about? Well, if you are, this extension will make it crystal clear.

    17. Run Time 5:42 Free

      Let's supercharge our JavaScript (including Vue templates) error and style guide detection with ESLint. Once installed, you'll stop and wonder how you were able to code effectively before this wonderful addition to your tool belt.

    18. What if we could add a single commented line to the top of any vanilla JavaScript file, and instantly activate advanced TypeScript type checking and error reporting? How cool would that be? Well - as it turns out, we can!

You May Also Enjoy...

Here are some additional series that may be up your alley.

Tooling Be Awesome in PHPStorm

Think about how many hours each week you spend within your editor. Doesn't it make sense to unlock every inch of its capabilities? I certainly subscri...

1:30:43 hrs
Tooling Sublime Text Mastery

If you intend to dedicate a career to web development, shouldn't you, in the process, harness every ounce of your code editor? In this series, I'll sh...

56:39 mins
Tooling Vim Mastery

There's a reason why, after decades, countless developers still prefer Vim as their code editor of choice. That many people can't be wrong, right? In...

2:37:27 hrs
Tooling Professional PHP Workflow in Sublime Text 3

This series is exclusively for the working developer who, though familiar with Sublime Text, needs to tweak and optimize their editor particularly for...

41:45 mins