VS Code app logs browser UI

In this blog post I'm going to present, how you can enable an embedded side-by-side view for Logdy in VS Code without having to install additional extensions. You can forget about messy terminal filled with lines of logs. Meet Logdy. Install Logdy Enter Quick Start page and install Logdy (download precompiled binary). Additionally, I recommend adding Logdy to $PATH for easier use. Start your web app Let's assume you normally use node app.js to start your application (of course you can use Logdy with auto-reloading tools like nodemon) and your app is producing logging information to standard output. Start Logdy like this: $ node app.js | logdy Open Logdy in VS Code Now that your app is up and running, go to Visual Studio Code and open command (Ctrl + Shift + P) "Simple Browser: Show" Next, enter the address of Logdy UI (by default it will be http://localhost:8080). A new tab should open with Logdy UI. The last step is to arrange the newly open tab to side-by-side view by dragging it. That's all, you can now use Logdy directly from within VS Code without having to switch windows.

Mar 24, 2024 - 23:30
 0
VS Code app logs browser UI

In this blog post I'm going to present, how you can enable an embedded side-by-side view for Logdy in VS Code without having to install additional extensions.

You can forget about messy terminal filled with lines of logs. Meet Logdy.

VS Code + Logdy side-by-side view

Install Logdy

Enter Quick Start page and install Logdy (download precompiled binary). Additionally, I recommend adding Logdy to $PATH for easier use.

Start your web app

Let's assume you normally use node app.js to start your application (of course you can use Logdy with auto-reloading tools like nodemon) and your app is producing logging information to standard output.

Start Logdy like this:

$ node app.js | logdy

Open Logdy in VS Code

Now that your app is up and running, go to Visual Studio Code and open command (Ctrl + Shift + P) "Simple Browser: Show"

Simple Browser: Show

Next, enter the address of Logdy UI (by default it will be http://localhost:8080). A new tab should open with Logdy UI.

The last step is to arrange the newly open tab to side-by-side view by dragging it.

That's all, you can now use Logdy directly from within VS Code without having to switch windows.

Logdy side by side

What's Your Reaction?

like

dislike

love

funny

angry

sad

wow

Viral News Code whisperer by profession, narrative alchemist by passion. With 6 years of tech expertise under my belt, I bring a unique blend of logic and imagination to ViralNews360. Expect everything from tech explainers that melt your brain (but not your circuits) to heartwarming tales that tug at your heartstrings. Come on in, the virtual coffee's always brewing!