As a co-builder of AppMap — a runtime code analysis platform for developers to better visualize, interact with, and understand their code — I spend a lot of time helping people in their code editor.
When our users are working in VS Code, they like to use a few key extensions to make life easier and more fun. We’re all about developer happiness around here, so I thought I’d share the top 5 VS Code extensions that the AppMap team loves.
[Out now! Early access to AppMap for GitHub Actions]
What are yours?
Our team likes to use the vim keybindings so they don’t have to take their fingers off the keyboard.
This one is very popular, so it won’t come as a surprise to anyone that it’s on the list. Our dev team appreciates not having to worry about formatting their code, and with Prettier, their code stays linted and formatted. They say it works best with JS and JSON.
This new extension really is as great as the hype. It drastically reduces the need for the team to look up language and API docs. Plus, we’re kind of into planes over here, so we love the name.
That's Kevin, AppMap CTO 🛫
This VS Code extension serves a workspace as HTTP, which is useful when the team wants to use, preview, test, or debug an HTML page (including JS code such as Vue) that’s part of the project.
It’s really helpful to have a preview of how the GitHub markdown features will display before the team commits a change, so this extension is one they use often.
We just updated our marketplace page today as we’ve been building and improving AppMap for a few years now.
We built AppMap to run in the VS Code editor so it can analyze runtime code behavior before you commit changes and go to production. It works by recording detailed traces of how your application runs and analyzing it based on frameworks and techniques. Interactive, visual sequence diagrams and views present your bugs, loops, calls, dependencies, security issues, and other things that might keep your code from being ready to ship.
AppMap can also be used to help you understand a legacy codebase, which someone in our community recently likened to trying to understand “a crime scene.” It can also instantly generate OpenAPI documentation based on the API calls it observes at runtime.
In terms of data usage, AppMap runtime recordings and diagrams are created and stored locally on your machine. AppMap does not require any permissions to your web-hosted code repo in order to run.
Install from the VS Code marketplace.
Visit the documentation for guides and videos.
Use AppMap to generate sequence diagrams of your code.
Check us out and leave a ⭐ in GitHub.
Read the blog for user stories and product announcements.