๐๐๐ VS-Code tricks that will SKY-ROCKET your productivity! ๐คฏ๐คฏ๐คฏ
๐ Thread ๐งต
Content: 1. Zen Mode 2. Create and Open a file that does not exist 3. Quickly Navigate to a file 4. Side by Side Markdown Editor and Preview 5. Switch Branches with one click
๐
6. Edit the same word within the document. 7. Edit the same word within the entire project. 8. Manage multiple cursors 9. Copy and move lines of code without copying/pasting them.
1. Zen Mode
That's a distraction-free mode that helps you concentrate your attention on writing code!
Shortcut to activate it: 1. CTRL/CMD + K 2. Z
2. Create and Open a file that does not exist
If you declared a path to file but it does not exist yet, just use this shortcut:
CTRL/CMD+click on the File
And it will be created automatically!
3. Quickly Navigate to a file
Quickly navigate to a file with this shortcut:
CTRL/CMD + P
4. Side by Side Markdown Editor and Preview
Open synchronize preview of markdown file jus by clicking in icon in right top corner or with this shortcut:
1. CTRL/CMD + K 2. V
5. Switch Branches with one click
Easily switch between Git branches via the Status Bar.
6. Edit the same word within the document.
Follow the steps: 1. Select word which should be changed 2. CTRL/CMD + F 3. Click on the arrow in poped up modal 4. Type needed word 5. CTRL/CMD + Enter
And the word is changed!
7. Edit the same word within the entire project.
Follow the steps: 1. Select word which should be changed 2. CTRL/CMD + Shift + F 3. Click on the arrow in the left sidebar 4. Type needed word 5. CTRL/CMD + ALT/Option + Enter
And the word is changed!
8. (Part 1) Manage multiple cursors
You can add multiple cursors to your document and change as much stuff as you want at once!
There we have 3 ways of doing it: 1. Hold ALT/Option key and click to add a new cursor.
๐
8. (Part 2) Manage multiple cursors
2. Add the first cursor, hold down Command+Alt and use the Up and/or Down arrows to add new cursors
3. (My favorite!) Highlight a word and select the next occurrence of that word by pressing CTRL/CMD + D
9. Copy and move lines of code without copying/pasting them.
1. Select needed lines of code
2. Hold ALT/Option (for moving)
Hold ALT/Option + Shift (for copying)
3. Move or Copy them with arrow keys โฌ๏ธโฌ๏ธ
That's all folks! ๐ฅ๐งฏ
If you found this thread useful, please consider following @eugZolotarenko and retweeting the first tweet. ๐ข
โข โข โข
Missing some Tweet in this thread? You can try to
force a refresh
๐คฏ 2๏ธโฃ0๏ธโฃ ๐คฏ Useful websites and tools for Web Developers that you can't miss!
๐ Follow Mega Thread ๐งต
1. Doodleipsum
Doodle Ipsum is a free illustration tool for devs powered by Blush! Inspired by the classic Lorem Ipsum, it automagically generates placeholder illustrations with a simple line of code.
7 Tools that Skyrocket your designs to the Next Level! ๐๐๐
๐งต Follow thread ๐
1. Stubborn Generator
it is free set of incredibly 25 cool characters and 50 background objects. All components are editable with Sketch symbols and Figma components. SVG, PNG also attached. Create a unique story for your next project for free.
5 No-code Website Builders which you should know. ๐ฅ
Consider using them instead of creating the next custom HTML/CSS Website.
๐ Follow Thread ๐งต
1. Webflow
That's a great tool that allows designers and developers to create fully custom and professional-looking websites just with drag and drop functionality.
1๏ธโฃ0๏ธโฃ JavaScript Repositories every Web Developer should visit.
๐ Follow Thread ๐งต
1. JavaScript Questions
A huge list of multiple-choice JavaScript questions! From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview!