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.

Intermediate
Difficulty
18 episodes
1:20:20 hrs
Start Series

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.

  • 01

    Episode 1 Run Time 7:04

    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.

  • 02

    Episode 2 Run Time 3:16

    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.

  • 03

    Episode 3 Run Time 5:10

    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.

  • 04

    Episode 4 Run Time 3:47

    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.

  • 05

    Episode 5 Run Time 6:09

    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.

  • 06

    Episode 6 Run Time 1:35

    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.

  • 07

    Episode 7 Run Time 2:44

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

  • 08

    Episode 8 Run Time 1:34

    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.

  • 09

    Episode 9 Run Time 3:00

    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

    Episode 10 Run Time 2:52

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

  • 11

    Episode 11 Run Time 6:10

    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

    Episode 12 Run Time 1:33

    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

    Episode 13 Run Time 4:07

    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

    Episode 14 Run Time 3:01

    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

    Episode 15 Run Time 9:02

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

  • 16

    Episode 16 Run Time 2:21

    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

    Episode 17 Run Time 5:42

    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

    Episode 18 Run Time 6:13

    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.

27 Lessons
1:30:43 hrs
11 Lessons
56:39 mins

Vim Mastery

22 Lessons
2:37:27 hrs
22 Lessons
2:37:27 hrs