TUTORIAL: Keymaps, Shortcuts, Color Themes - Improve your coding efficiency with Codesphere

Published: 2021-03-12 13:11:14

Codesphere aims to reduce the friction in everyday coding tasks and improve developers’ efficiency. With Codesphere, we want to make it easy and natural to edit code. That is why we support keymaps, shortcuts, and color themes out of the box.

In this article, we will be showing you the features Codesphere offers and how to utilize them.

###1. Edit Menu

Codesphere’s Edit Menu gives you quick access to the most used code editing shortcuts and functions such as Format, Search, Redo, Replace and Undo. Every keystroke you save can be the difference between finishing your project on time and pushing it back.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/spmvbgb10vmiizncoea4.gif)

###2. Benefits of using keyboard shortcuts in Codesphere

Keyboard shortcuts don't just save you time—they boost your productivity.
You will spend less time typing, and more time getting things done.
* Format code:
_Shortcut: Ctrl + Alt + L_

Formatting code manually can be very frustrating for software developers, so we’ve provided this formatting shortcut to help you out. We at Codesphere aim to make it as painless as possible to achieve the desired code formatting.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/28ewzkwuxke5ko4d59fw.gif)

* Find/Search a word:
_Shortcut: Ctrl + F_
You can find a word or regex instantly with this convenient shortcut.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/in9mywftij56n2rsy3y0.gif)

* Find and replace a word:
_Ctrl+Shift+F_
With this one shortcut, you'll find and replace any code you want instantly. This shortcut is a must-have for anybody who works with Typescript. You can make the changes effective for all matches by pressing the “ALL” button.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jgb77cvutk4m2ei1cr22.gif)

*Undo
_Shortcut:Ctrl + Z_

The undo shortcut allows you to quickly and easily undo one or multiple recent changes in the code. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0t4lvqmhtgbkhr92sl33.gif)

*Redo
_Shortcut:Ctrl + Shift + Z_

The redo shortcut is a tiny shortcut that redoes recent changes in the code. It is an easy-to-remember shortcut that helps you go back to where you were last. Also, redo undoes an undo command.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5dun88jk2vqghnmsqlv6.gif)

*Keymaps

Codesphere provides full support for most keymaps (Sublime, Emacs, and Vim) available on the market, which makes it an excellent choice for coders who might otherwise be lost without their familiar shortcuts.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/on43wg8a5z6wfg37ujrf.gif)

*Color Themes

Color themes allow you to customize Codesphere's interface in order to better suit your workspace. By default, all new accounts are set to dark mode, so if you're used to working in the light version you can switch back by accessing the settings from the menu in the top-left corner.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/blvl4q5qu0wg7oty72vu.gif)

That’s all for now, we hope that you enjoyed the read! Our team is working hard to make Codesphere easier and even more enjoyable for you.

Thanks for using Codesphere.
Happy Coding!