๐Ÿš€๐Ÿš€๐Ÿš€ 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
ใ€€

Keep Current with Eugene ๐Ÿ’› Zolotarenko

Eugene ๐Ÿ’› Zolotarenko Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @eugZolotarenko

26 Oct
๐Ÿคฏ 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.

doodleipsum.com
2. Tailwind Ink | AI color palette generator for Tailwindcss

A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.

tailwind.ink
Read 22 tweets
24 Oct
๐Ÿš€ 5 Unique Project ideas for your Web Developer Portfolio! ๐Ÿš€

- What kind of projects do you need to create to stand out from the crowd?

Let's find out!

๐Ÿ‘‡ Follow Thread ๐Ÿงต
1. Website clone from Awwwards nomination.

awwwards.com is an amazing source of beautiful websites where you can find inspiration for your own website or just create a clone of one of them.

That will showcase your HTML/CSS skills so well!
2. Chat application

Build an App where users will be able to:

- Send and receive messages.
- Join a room for group talking.
- View a list of previous messages.
- Receive notifications.

It can be WhatsApp, Telegram, Slack, Discord clone from a UI perspective.
Read 8 tweets
18 Oct
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.

stubborn.fun
2. Boring Avatars

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

boringavatars.com
Read 9 tweets
1 Oct
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.

webflow.com
2. Carrd

With this Website Builder, everybody can create simple, free, fully responsive one-page sites for pretty much anything just in a couple of clicks.

carrd.co
Read 7 tweets
29 Sep
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!

github.com/lydiahallie/jaโ€ฆ
2. Airbnb JavaScript Style Guide

All best practices and proper ways of writing JavaScript code in one Repository.

It also contains explanations and references, to assist you in writing more reliable, clean, and error-free code.

github.com/airbnb/javascrโ€ฆ
Read 12 tweets
6 Aug
๐Ÿ“Œ 4 Ways to get development experience before your first job.

Getting the first job in any field is very hard but, in the tech world, it is even harder. It seems like experience is needed everywhere.

So, maybe try to create it by yourself? ๐Ÿง

Thread ๐Ÿ‘‡
1โƒฃ Tech solution for small businesses.

Find a local company that needs an application, website, or bot. Offer them a solution for free or for a small price and try to implement it.

You will get experience working with a real client and face real problems during development. ๐Ÿ”ฅ
2โƒฃ Participate in Open Source.

You can improve documentation, find and fix bugs, or implement minor features.

Get feedback from an experienced developer and respect from a community! ๐ŸŽฏ
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Thank you for your support!

Follow Us on Twitter!

:(