πππ 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
A closure is the combination of functions where one is inside the other. Such combination creates lexical scope where the inner function has access to information from an outer function.
Strict mode is activated by writing βuse strictβ at the beginning of the file.
Strict mode changes JS by:
- Eliminating some JS errors by changing them to throw errors.
- Fixing mistakes that make it difficult for JS engines to perform optimizations.
5 JavaScript Interview Questions and Answers π€π€π€
Part 1 (1-5 from 50 questions)
π Follow Thread π§΅
1. What is a JavaScript?
JavaScript is a multi-paradigm and high-level programming language.
Itβs extremely popular in the Web Development world and especially on the client-side part (Front-end). However, it also can be used in other software development fields.
2. What is the original name of JavaScript?
The early version of JavaScript was called Mocha. Just after a Mocha prototype was introduced, the name was changed to LiveScript. Finally, it was named JavaScript because of the popularity of Java.
10 JavaScript Repositories every Web Developer must 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β¦
A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, pitch decks, and more! Choose a visual from our growing list of generators, customize, randomize, and export it as an SVG or a PNG.
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.