DEV Community

jgngo
jgngo

Posted on

3 2

VSCode Tips

If you have 11 minutes to spare, watch this first. The general principle is:

[🐭 Mouse (Slow) and 🎹 Keyboard (Fast)]

Speed Selection

If you work with tags (HTML, Vue, React), the most common task involves moving an entire tag to another location or file. Amateur coders will use a mouse to highlight the block of code and then cut and paste.

To save time, move your cursor to the start tag, for example somewhere in <div>. Then press Alt-Shift-Right Arrow. The first stroke selects the word, then repeat the action until the selection is all the way to the closing </div>.

From here, you can then cut (Ctrl-X) or move (Alt-Up/Down Arrow) the selected code.

Ctrl-D: Quickly select the entire word where the cursor is. Press again to select the same word in a another location. Since there are multiple cursors, deleting or typing will make edits simultaneously.

Deleting Lines

Ctrl-Shift-K: Deletes the entire line where the cursor is

Navigation

Ctrl-P: Allows you to open a file directly without using the mouse to locate it in a file directory.

Ctrl-Shift-Period: Opens a navigator to quickly jump to particular sections of code.

Enjoy your free time!

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (2)

Collapse
 
andrewbaisden profile image
Andrew Baisden β€’

Lots of great tips thanks for sharing them! I know all VS Code users will find this worthwhile.

Collapse
 
rifat17 profile image
rifat17 β€’

Ctrl-Shift-Period!, wow! thanks.

Image of Docusign

πŸ› οΈ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more