Cheatsheets for JS Bin using Keyboard ~ {50+ Quick Shortcuts}

by

JS Bin: It allows you to experiment with web languages such as HTML, CSS, and JavaScript. The experiments created by users which are called “bins” are kept indefinitely and can be shared with others. From the article, we learn the simple and general Cheatsheets for JS Bin using Keyboard. Let’s get into this article!!

JS Bin Logo
JS Bin Logo

Last updated on July 13, 2021.

Download JS Bin Shortcuts Offline Study Here: JS Bin.pdf

Application-level shortcuts:

Shortcut Function
Ctrl+? This key will show keyboard shortcuts.
Ctrl+Shift+/ It is used to search for help.
Ctrl+L Helps to clear the console.
Ctrl+Enter Used to run code and send live reload.
Ctrl+Shift+Del It will delete the current bin.
Ctrl+S This key will save the current state as a revision.
Ctrl+Shift+S Helps to create a clone of the current bin.
unknown It is used to hide the JS Bin navigation bar.
Ctrl+O Use this key to open bin history (when logged in).
Ctrl+Y Helps to toggle archive state on the current bin.

Code-based shortcuts:

Shortcut Function
Ctrl+/ This key will toggle comments on the selected lines.
Ctrl+[ Helps to indent selected lines.
Ctrl+] It will unindent selected lines.
Ctrl+Shift+L Use this key to beautify the code.

HTML & CSS panel shortcuts:

Shortcut Function
Tab Helps for code expansion using emmet.
Ctrl+Alt+→ It is used for the next edit point.
Ctrl+Shift+Y This key will evaluate the mathematical expression.
Alt+↑ Helps to increment the number by 0.1.
Alt+↓ It is used to decrement the number by 0.1.
Ctrl+↑ Use this key to increment the number by 1.
Ctrl+↓ Helps to decrement the number by 1.
Alt+Ctrl+↑ It will increment the number by 10.
Alt+Ctrl+↓ This key will decrement the number by 10.

HTML panel shortcut:

Shortcut Function
Ctrl+. It is used to close the previous HTML tag.

JavaScript panel shortcut:

Shortcut Function
Tab This key is used to code-complete (using Tern or otherwise).

Console panel shortcuts:

Shortcut Function
↑ ↓ It is used to up/down through console history.
Enter Helps to execute the command.

Showing and hiding panels shortcuts:

Shortcut Function
Ctrl+0 Use this key to hide the currently focused panel.
Ctrl+1 Helps to toggle HTML panel.
Ctrl+2 It is used to toggle the CSS panel.
Ctrl+3 This key will toggle the JavaScript panel.
Ctrl+4 Used to toggle console panel.
Ctrl+5 Helps to toggle the output panel.

With Sublime keybindings shortcuts:

Shortcut Function
Ctrl+Shift+↑ It will move the current line, up one line.
Ctrl+Shift+↓ Use this key to move the current line, down one line.
Ctrl+D Helps to highlight and place multiple cursors on matching words.
Esc It is used to return to a single cursor.
⌘ Cmd+ This key will place multiple cursors at the clicked point.

In the above article, you can easily understand the general Cheatsheets for JS Bin using Keyboard. I hope, this article is useful to you. If you know more shortcuts, leave them in the below comment section. Don’t forget to share your worthwhile feedback in the comment section. Thank you so much for visiting our site!!

Read Ahead:

Leave a Comment