vscode

A 5-post collection

Essential Angular VS Code Extensions

When it comes to efficient and effective development experiences, excellent tooling makes all the difference. That's why I love VS Code. VS Code has a great extensibility model, which makes it easy to create awesome extensions that enhance the development experience. It's no secret that I love shortcuts and I don't love memorizing syntax ... which is why I created my snippets for Angular. It's been quite popular with over 500,000 downloads, but it's certainly not the only extension I use. I am often asked, "What are you favorite VS Code extensions for Angular?". I decided it was time to share them via an extension pack. Introducing my Angular Essentials extension pack for VS Code. By installing this extension pack...


VS Code Function Keys in the MacBook Touchbar

I love writing code in VS Code on my MacBook Pro. VS Code has a ton of shortcuts that let me keep my fingers on the keyboard and fly around, coding. Recently I purchased the new MacBook Pro with the touchbar, which has raised a new hurdle ... how do I use the function keys? These are helpful for refactoring shortcuts in VS Code. I could map these features to other keys, but there is an easy way to show the FN keys to the touchbar when in VS Code on a Mac. Open System Preferences and find the Keyboard. Then select the Shortcuts tab. On the left, select Function Keys and click the Plus sign ( + ). This will open the Applications...


VS Code Extension with Azure Function Intellisense

Lately, I've been hooked on Azure Functions, which are incredibly easy to get started to create some of your own APIs. One thing I love about editors is their ability to look up language syntax and JSON schemas to provide features like intellisense. I recently posted about how to add JSON schemas to a VS Code settings.json file to add intellisense for Azure Functions. After a short chat with my colleagues, I decided to create an extension that makes it even easier. You can find the extension Azure Functions Tools here in the marketplace. Cleanup If you followed my previous post, remove the JSON schema setting from your settings.json file Installation Steps Launch VS Code Quick Open ⌘+P...


Angular 1 from JavaScript to TypeScript

Recently I had a great opportunity to sit down with brilliant and humble friend Chris Martin to film a Play by Play video for Pluralsight. Chris had an Angular 1 app he had written in ES5 and wanted to convert it to TypeScript. We decided to try the conversation live while filming (what could go wrong?!). The keys for us were to tackle it in a methodical way such that we could see it running as we did the conversion and to have transpilation, linting and tooling help along the way. You can watch us on this venture as we had a lot of fun exploring how to tackle this conversion. Here is the description of the video with me...


VS Code Angular Snippets

Visual Studio Code Beta is available and it supports extensions! I published my first 2 extensions for creating Angular 1 and 2 snippets. You can grab these from the marketplace or right from VS Code. You can browse the VS Code Extension Gallery both from within VS Code and through the VS Code Marketplace. ###Installing Angular 2 TypeScript Snippets for VS Code This extension for Visual Studio Code adds snippets for Angular 2 for TypeScript. Installation Install Visual Studio Code 0.10.1 or higher Launch Code From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX) Select Install Extension Choose the extension Reload Visual Studio Code Usage Type part of a snippet, press enter, and the snippet unfolds. ng2component...