Learn More

Try out the world’s first micro-repo!

Learn More

Keyboard Shortcuts for Programmers that Speed up Development

Keyboard Shortcuts for Programmers that Speed up Development

TL;DR

Mouses are slow. Keyboards are fast. If you’re a developer, use keyboard shortcuts for programmers to drastically increase your productivity in web browsers, IDEs and code snippet tools like Pieces for Developers.

Plugging into the Matrix gif.
How it feels using keyboard shortcuts in the Pieces app

The Case for Keyboard Shortcuts

According to Brainscape...

If your job requires you to be working on a computer throughout each standard 8-hour workday, then using keyboard shortcuts can save you 8 entire workdays every year.
A worn path that shaves off the corner between two walkways.

A single keystroke may shave "0.4 seconds" from your daily routine, but think about how frequently you reach for your mouse.  We're talking hours per week, days per month, weeks per year.

More importantly, keyboard shortcuts keep you in your flow and let you work at the speed of thought.

With some practice, you’ll be able to quickly perform key tasks and navigate menus in your browser, IDE and tools like Pieces for Developers without ever touching that dreaded mouse.

The Browser

Let’s start with the good ol’ browser, where you’re probably doing a lot of your development research (and checking crypto prices, flicking through YouTubes and I don’t want to know what else).

Vimium

Vimium — often referred to as the “hacker’s browser” — is a popular Chrome extension (with a port to Firefox) that allows you to navigate the web using just your keyboard! Shortcuts are based on the Vim text editor.

Some power shortcuts in the GIF below include:

  • Following a hyperlink (F)
  • Scrolling up and down (j, k)
  • Switching between tabs (J, K)
An example of using Vimium.

Developer Workflow Tools

Code snippets are an incredibly helpful way to save time by not re-writing the same code or re-searching for solved solutions. But, it’s always been a hassle to save and work with code snippets.

Pieces for Developers is a popular new tool that enables you to save code snippets in less than a second from your code editor or any web page in Chrome and Edge.

And as you can guess, Pieces shortcuts are the heart of this beautifully intuitive app.

Saving a Snippet from IntelliJ

Just highlight your snippet and click ⌥ + ⌘ + P (Mac) or Ctrl + Alt + P (Windows).

Saving a snippet with Pieces for JetBrains.

Saving a Snippet from Chrome

The Pieces for Developers Chrome extension makes saving code from the internet a breeze.

Highlight the desired code and hit ⌘ + Shift + P (Mac) or Alt + Shift + P twice (Windows).Even easier, while this isn’t technically a keyboard shortcut, Pieces pops up a “Save” button when it detects code on a webpage. A single click will save that snippet.

Saving a snippet with the Pieces for Developers Chrome Extension.

Finding and Re-Using Snippets in Pieces

To find a snippet in Pieces for Developers, just hit / and start searching.

What’s even more helpful is that Pieces for Developers automatically adds the source URL to the snippet as a Related Link. This is one of my favorite features and I no longer have endlessly cluttered Stack Overflow bookmarks with no context.

You can view and manage your related links by hitting + K (Mac) or Ctrl + K (Windows).

Searching for a snippet in Pieces for JetBrains.


So Many Shortcuts

There are loads of other great keyboard shortcuts throughout Pieces. Hover over almost any action and you’ll see a shortcut option.

Some of my favorites include:

  • Rename your snippet: ⌘ + R / Ctrl + R
  • Edit the description: ⌘ + N / Ctrl + N
  • Reclassify the snippet language: ⌘ + Y / Ctrl + Y
  • Open the Quick Menu actions: ⌘ + O / Ctrl + O

Code Editors

When it’s time to get down to coding, the mouse is your enemy. Let’s look at some critical coding keyboard shortcuts for two popular editors:

VS Code

VS Code is one of the most popular free code editors, with extensions for all kinds of programming languages and projects. There are dozens of VS Code shortcuts for all sorts of development tasks.

IntelliJ

IntelliJ comes jammed with built-in shortcuts and has a robust library of plugins to boost your productivity.


Other Resources

Guake Project

A simple and easy way to use the terminal without leaving your current application.

Guake is triggered by a hotkey that drops down a terminal over your desktop, and retreats when that same hotkey is pressed again.

It's only available for Linux machines running Gnome as their desktop environments.

The Guake project terminal in action.
AceJump for IntelliJ

AceJump enables single character search, select, and jump inside IntelliJ.

Using AceJump for IntelliJ.


KeyCombiner

Not to get too meta on you, but KeyCombiner is a cool app designed to help practice keyboard shortcuts for programmers. Collections are available for many popular apps, including IDEs and web apps.

Practice keyboard shortcuts for Figma.


Wrapping Up

Keyboard shortcuts liberate you from the burden of mouse wiggles and right-clicks. Simple time-saving measures compound into days of your life back! Take the red pill, learn keyboard shortcuts, and relish in your regained time.

A meme from the Matrix that treats frozen bullets as right clicks.

Thank you for reading! If you enjoyed this article, check out our app, follow us on Twitter, and give our Medium publication a follow!

Table of Contents

No items found.
More from Pieces
Subscribe to our newsletter
Join our growing developer community by signing up for our monthly newsletter, The Pieces Post.

We help keep you in flow with product updates, new blog content, power tips and more!
Thank you for joining our community! Stay tuned for the next edition.
Oops! Something went wrong while submitting the form.