4 Lesser-Known Developer Tools to Boost Your Workflow
4 Lesser-Known Developer Tools to Boost Your Workflow
Suraj Vishwakarma
Updated
Originally Published
Introduction
We love tools that can help us in improving our productivity and efficiency. That's why I create the Awesome tools for developers series to discuss such tools.
So, today I am going to list some lesser-known tools to help in your workflow. These tools can easily blend into your workflow to provide better efficiency.
Let's get started.
AppMap
AppMap gives developers dynamic, runtime code analysis directly in your code editor.
It is an open-source code visualizer and analytics tool for your project. With these tools, you can easily find a bug to work on. It is well-optimized for Spring, Express, Django, flask, and rails.
It records code execution traces, collects code information, and then presents the information in an interactive diagram. You can search and navigate to these diagrams.
This is available as a VS Code and JetBrains extension. You can get it from here
Grid Layoutit
Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.
A CSS layout code generator for developers. You can add your requirement in the input box for the layout and also you can directly interact with the grid to adjust according to your need. This makes it more awesome.
It has support for Implicit Grid, Area box, and Grid Placement. You can also create a shareable link to the created grid layout.
You can directly open this grid layout to your online IDE where you can add your code on top of it. It has options for CodePen, CodeSandbox, and Stackblitz for online IDE.
NPM Imported Package Links
A Visual Studio extension that displays links to NPM, Git Repo (GitHub/GitLab, etc.) and Homepage for an imported package.
We always switch between our code and official docs to learn more about the imported packages. Every time you code, you have to do it all manually. It's repetitive and sometimes you also need to find the homepage/docs manually. That's this package comes in handy to have all the important links in your editor.
NPM imported package links is a VS Code extension that will provide you the quick link of the imported packages in javascript and typescript files. These quick links have links to the NPM page, GitHub repository, Homepage, and issue/report bug link.
Install the VS Code extension and just hover over the imported package to see the quick links.
Warp
Warp is a blazingly fast, Rust-based terminal reimagined from the ground up to work like a modern app.
As a replacement for the now-discontinued Fig, Warp takes the concept of a "next-generation command line" to a new level. Instead of just overlaying features on an existing terminal, Warp is a complete, modern terminal built with a focus on speed and productivity.
It features IDE-style input with intelligent autocompletion for over 500+ CLI tools. Its most powerful feature is Warp AI, which allows you to translate natural language into shell commands directly in the terminal. Commands and their output are grouped into logical blocks, which are easy to navigate, copy, and share with your team.
It is currently available for macOS and Linux, with a Windows version in development.
Conclusion
We have gone through 4 tools that will be beneficial in your workflow as per your requirement. I will recommend you try them and integrate them with your workflow for more efficiency.
You can also mention some of the underrated less-known tools that you use. Looking forward to reading your comment.
I hope this article has helped you know some awesome tools for improving productivity and efficiency. Thanks for reading the blog post.
Cover image by pikisuperstar on Freepik