Visual Studio Code YouTube Series

Reading Time: 2 minutes

In some spare time I’ve recently had, I took to YouTube to attempt a video series that looks into the basics of Visual Studio Code. So far I’ve produced three episodes that I’m satisfied with and actually had a bit of fun talking about Microsoft’s newest code editor.

I’ve embedded the three episodes below for your viewing pleasure. Have a watch and if you like what you see, click the Subscribe button or let me know what you think. I’m definitely interested in doing more videos for YouTube in the near future, so let me know what you’d like me to talk about.

Episode 1: What is Visual Studio Code?

What is Visual Studio Code? Today I take a quick look at and comment on Microsoft’s newest code editor.

Breakdown:

0:00 – Welcome to Microsoft Visual Studio Code
0:44 – Visual Studio Code !== Visual Studio
2:02 – Extensions and Theme
2:42 – Updates and Support
3:43 – Performance
4:35 – Popular Extensions & Git
5:34 – Outro

Episode 2: Using VS Code

In the second episode I spend some time explaining and going over the interface.

Breakdown:

00:00 – Intro
00:24 – The interface overview
01:05 – Settings
03:05 – The interface in detail
04:44 – The Command Palette
06:15 – The Output Pane
08:22 – Colour Themes
08:52 – File Icon Themes
09:18 – Keyboard Shortcuts & Keymaps
09:40 – Snippets
10:10 – Emmet
11:18 – Outro

Episode 3: Recommended Extensions for VS Code

In this episode I take a look at my personally recommended top 10 extensions for VS Code and talk a little bit about each one.

Breakdown:

00:00 – Intro
01:00 – vscode-icons
02:30 – Auto Rename Tag
03:36 – highlight-matching-tag
04:27 – Bracket Pair Colorizer
05:26 – Color Highlight
06:01 – Beautify
06:55 – Apache Conf
07:38 – Path Intellisense
08:33 – Project Manager
09:50 – Settings Sync
11:22 – Outro

Enter: Microsoft Visual Studio Code

Reading Time: 2 minutes

Move over Sublime, Brackets and Atom, there’s a new code editor on the scene and this one is worth sitting up for. Enter Microsoft Visual Studio Code, a new source code editor that is making waves on the development scene.

Don’t be put off by the name. Microsoft has done something great here and given us a free open-source code editor that should not be confused with it’s current “Visual Studio”.

I made the switch to VS Code back in April 2016 when version 1.0 was launched and since then, I haven’t looked back. Now sitting at version 1.10, the editor has matured into something noteworthy thanks to it’s monthly updates – it’s definitely on the up and up among the web coders.

Visual Studio Code

Let’s take a look at the features of VS Code and why it’s such a formidable editor:
– Git integration
– Built-in debugger
– Extensions
– Side-by-side editing
– Tab support
– Command Palette
– IntelliSense
– Integrated terminal
– Highly customizable – themes, keymaps, extensions, file icon themes
– Hot Exit support
– Available for macOS, Linux and Windows
– Monthly updates and great support
– 100% free and open source

I personally love the Git and terminal integration. The Git integration highlights code what’s been added/removed since the last commit and the terminal integration makes sure that you never have to leave your code editor to run some cmd/bash commands.

The community support around it is growing quickly and the list of ever-growing great extensions is alone, worth checking out. I plan to do a top 10 VS Code extensions blog post in the near future highlighting some of my most used extensions.

The only thing I can critique about the editor is the name. I think a lot of people are either put off, uninterested or confused about the title and I can see why. But just remember; Microsoft Visual Studio Code != Microsoft Visual Studio

If you’re looking to try something new or even just interested in using something other than what you’re used to, I highly recommend trying out VS Code, you won’t be sorry.