vscode

A 9-post collection

Debug Your Node.js App in 60 Seconds

Setting up debugging can be a chore. It can make you feel like console.log isn't so bad after all. Right? While I enjoy a good console.log as much as anyone, I'd much rather debug with zero configuration of my app. Wouldn't you? Visual Studio Code (aka VS Code) has changed the game on Node.js debugging. There is a feature called Node: Auto Attach (you can learn more about it here in the docs). Or keep reading - this will only take a minute. When you enable this feature, you can run your node app from a command line, from an npm script, or from a tool that runs one of those. Just make sure you add the...


Associate File Types in VS Code

I love a good editor. All of the great tooling, intellisense, auto-complete and all of the goodness and efficiency. Intelligent tooling is a huge part of what makes our day fun. Don't you agree? For example, when I open Visual Studio Code (aka VS Code) and it recognizes the file type I am editing, it lights up all of the relevant tooling features. Typescript, JavaScript, docker files, Vue files … it all works great! Sometimes we have to load an extension to make some of these light up (e.g. Vue files with the Vetur extension). So you can understand it makes me sad when I open a file and I get zero help from the tool. No color coding of...


Angular and VS Code Training in May/June

Do you want to learn Angular from 0 to 60? Maybe you know Angular and want to go a little deeper into architecture patterns and NgRx. Or maybe you want to learn how to maximize your JavaScript and Web skills with VS Code. Join me for one of my upcoming workshops on beginner and advanced training on Angular and VS Code! Limited space is available. These are the last workshops I'll be hosting for the Spring in both the USA and Europe. Here is the short list, with full details below. VS Code Can Do That (1 day) - May 15 @ Atlanta, GA, USA Angular Essentials (2 day beginner to intermediate) - May 16-17 @ Atlanta, GA, USA Angular Fundamentals (1...


Alpha Testers Wanted for Progressive Web App Tools for VS Code

I love the Web and I love tools that make creating awesome things for the Web easier! When creating Progressive Web Apps (PWAs) there are a lot of options. So it just makes sense to create an extension for VS Code to help design PWAs. As the title mentions, this is an alpha. I'd love some of your help to test this extension. Give it a run through and see what we might want to change, add, remove, or document further. My first cut at this extension can be found here. Please refer to the GitHub repo to create any issues. I will iterate on this extension a few times, til I have something that is useful to the wider...


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...