22 Useful Command Line Tools for Front-End Developer

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.

hyper

how2

Stackoverflow from the terminal. It finds the simplest way to do something in a unix shell.

how2

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.

tiny care

Ttystudio

Record your terminal and compile it to a GIF or APNG without any external dependencies, bash scripts, gif concatenation, etc.

ttystudio

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.

create-component-app

WOPR

A simple markup language for creating rich terminal reports, presentations and infographics.

WOPR

Stacks

Analyze website stack from the terminal.

stacks-cli

Javascripting

Learn JavaScript by adventuring around in the terminal.

javascripting

Emma

Terminal assistant to find and install node packages.

Emma

4Bit

Terminal Color Scheme Designer

4Bit

Img

Display images in your terminal.

term-img

JSON Resume

Cli tool to easily setup a new resume.

JSON Resume

Underscore

Command-line utility-belt for hacking JSON and Javascript.

underscore-cli

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.

Pageres

Backslide

CLI tool for making HTML presentations with Remark.js using Markdown.

backslide

Imagemin

Minify images.

imagemin

Yaspeller

Search tool typos in the text, files and websites.

yaspeller

Smartcrop

Command line interface for the smartcrop library to provide content aware image cropping.

smartcrop

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.

http-server

Fony

A simple command line tool for generating fake data from a template string.

fony

Imaging heap

A command line tool to measure the efficiency of your responsive image markup across viewport sizes and device pixel ratios.

imaging-heap

Bulksplash

A simple command line tool that lets you bulk download images from Unsplash.

Bulksplash

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.