Over the Easter weekend, a four day weekend characterised by lockdowns all over the world, I decided to use the extra time I had at home to start a new project and learn a new skill. By the end of the weekend I was proud to release my first VSCode extension: . ngrok for VSCode What’s that now? is a command line tool built by that you can use to expose your localhost server with a publicly available URL. It’s great for sharing access to an application running on your own machine, testing web applications on mobile devices or testing webhook integrations. For example, when I am working with Twilio applications. ngrok Alan Shreve I’m a big fan of using ngrok to test my webhooks is my current favourite text editor, built by Microsoft and based on JavaScript (well, ). VSCode mostly TypeScript As I was using VSCode last week I wondered if there was an extension that made it easier to use ngrok. I had a search and found and one . So I decided to build the extension I wanted to see in the marketplace. one under development that started a web server as well as running ngrok What does it do? With version 1 of the extension you can start an ngrok tunnel with either a port number or by choosing one of your named tunnels from your . There is one available setting, where you can set a custom path to a config file. ngrok config file Once a tunnel is running you can then open or close the tunnel. the ngrok dashboard All the commands are available from the VSCode command palette. It’s simple so far, but I wanted to keep the scope small and get it released. The code is all open source and . you can find it on GitHub What’s next? I would love for you to try the extension out, especially if you are already an ngrok user. If it’s useful then I am looking for feedback, so I can continue to improve it. bug reports and feature requests One idea I have already is to provide a or that can give more information on and control over currently running ngrok tunnels. I should probably work out how to write tests for the extension too. Status Bar Item Tree View What do you think? I really am after feedback, so and let me know what you think or via a . please install ngrok for VSCode on Twitter review on the VSCode Marketplace Previously published at https://philna.sh/blog/2020/04/14/ngrok-for-vscode/

Microsoft

Twitter

Mistakes I've made treating file paths as strings

Follow @philnash on Twitter

Read My Stories

Developer relations engineer

Developer advocate

Developer evangelist

Too Long; Didn't Read

I Built a VSCode Extension: ngrok for VSCode

I Built a VSCode Extension: ngrok for VSCode

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Build a Chat App with Twilio and KendoReact

31 Stories To Learn About Command Line

Developer’s Toolkit: 4 linux command-line tools for debugging everyday issues that all developers…

5 cool things you can do with the Sanity CLI

9 Fun Command-Line Tools to Make Your Life Easier

A gentle introduction to Git and GitHub

Build a Chat App with Twilio and KendoReact

31 Stories To Learn About Command Line

Developer’s Toolkit: 4 linux command-line tools for debugging everyday issues that all developers…

5 cool things you can do with the Sanity CLI

9 Fun Command-Line Tools to Make Your Life Easier

A gentle introduction to Git and GitHub

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps