Frameworks and libraries for programming languages come and go, but knowing your way around in the terminal is a skill you can use always and everywhere. Using the command line can make you more effective and can help optimise your workflow and make repetitive tasks easy. So in this post we`ve compiled a list of 22 Useful Command Line Tools for Front-End Developer that help you build cool stuff faster.
Hyper
It is a Terminal Emulator coded entirely with HTML, CSS, and Javascript built with Electron. It`s extensively extendable, you can even open web URLs inside it like you do in your browser, you can change its font and appearance with text-based configuration and more. It has a plugin oriented API which can be used by developers to enhance what it can do.
how2
Stackoverflow from the terminal. It finds the simplest way to do something in a unix shell.
Tiny care
This is a little dashboard that tries to take care of you when you’re using your terminal. It tells you cute, self care things, and tries not to stress you out.
Ttystudio
Record your terminal and compile it to a GIF or APNG without any external dependencies, bash scripts, gif concatenation, etc.
Component app
How much time do you spend copying and pasting the component folder to create a new one ? This is a tool to generate different types of React components from the terminal.
WOPR
A simple markup language for creating rich terminal reports, presentations and infographics.
Stacks
Analyze website stack from the terminal.
Javascripting
Learn JavaScript by adventuring around in the terminal.
Emma
Terminal assistant to find and install node packages.
4Bit
Terminal Color Scheme Designer
Img
Display images in your terminal.
JSON Resume
Cli tool to easily setup a new resume.
Underscore
Command-line utility-belt for hacking JSON and Javascript.
Pageres
Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It’s speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images.
Backslide
CLI tool for making HTML presentations with Remark.js using Markdown.
Imagemin
Minify images.
Yaspeller
Search tool typos in the text, files and websites.
Smartcrop
Command line interface for the smartcrop library to provide content aware image cropping.
Http server
It is a simple, zero-configuration command-line http server. It is powerful enough for production usage, but it’s simple and hackable enough to be used for testing, local development, and learning.
Fony
A simple command line tool for generating fake data from a template string.
Imaging heap
A command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios.
Bulksplash
A simple command line tool that lets you bulk download images from Unsplash.