Irfan Asif ✦ Profile picture
May 14 β€’ 12 tweets β€’ 3 min read
Do you use VSCode daily?

This list of VSCode shortcuts can save you a lot of time. Spend less time writing code and more time thinking and understanding your code logic. πŸ‘¨πŸ»β€πŸ’»

Become a better developer by learning the tool you use daily. πŸ§΅πŸ‘‡

#100DaysOfCode Image
General

1) Ctrl+Shift+P, F1
- Show Command Palette

2) Ctrl+Shift+N
- New window/instance

3) Ctrl+Shift+W
- Close window/instance

4) Ctrl+P
- Quick Open, Go to File...

5) Ctrl+,
- User Settings

6) Ctrl+K Ctrl+S
- Keyboard Shortcuts
Basic editing

1) Ctrl+X
- Cut line (empty selection)

2) Ctrl+C
- Copy line (empty selection)

3) Alt+ ↑ / ↓
- Move line up/down

4) Shift+Alt + ↓ / ↑
- Copy line up/down

5) Ctrl+Shift+K
- Delete line

6) Ctrl+Enter
- Insert line below
7) Ctrl+] / [
Indent/outdent line

8) Ctrl+Home
Go to the beginning of file

9) Ctrl+End
Go to the end of file

10) Home / End
Go to beginning/end of line

11) Ctrl+↑ / ↓
Scroll line up/down

12) Ctrl+Shift+[
Fold (collapse) region

13) Ctrl+Shift+]
Unfold (uncollapse) region
14) Ctrl+K Ctrl+[
Fold (collapse) all subregions

15) Ctrl+K Ctrl+0
Fold (collapse) all regions

16) Ctrl+K Ctrl+J
Unfold (uncollapse) all regions

17) Ctrl+K Ctrl+]
Unfold (uncollapse) all subregions

19) Ctrl+K Ctrl+C
Add line comment

20) Ctrl+/
Toggle line comment
Navigation

1) Ctrl+T
Show all Symbols

2) Ctrl+P
Go to File...

3) Ctrl+Shift+O
Go to Symbol...

4) Ctrl+G
Go to Line...

5) Ctrl+Shift+M
Show Problems panel

6) Shift+F8
Go to previous error or warning

7) F8
Go to next error or warning
Search and replace

1) Ctrl+F
Find

2) Ctrl+H
Replace

4) F3 / Shift+F3
Find next/previous

5) Alt+Enter
Select all occurences of Find match

6) Ctrl+D
Add selection to next Find match

7) Alt+C / R / W
Toggle case-sensitive / regex / whole
word

8)Alt+Enter
Select all Find match
9) Ctrl+D
Add selection to next Find match

10) Alt+C / R / W
Toggle case-sensitive / regex / whole word

11) Ctrl+K Ctrl+D
Move last selection to next Find match
Multi-cursor & selection

1) Alt+Click
Insert cursor

2) Ctrl+U
Undo last cursor operation

3) Shift+Alt+I
Insert cursor at end of each line selected

4) Ctrl+Alt+ ↑ / ↓
Insert cursor above / below

6) Ctrl+L
Select current line

7) Ctrl+F2
Select all occurrence of current word
Rich languages editing

1) Ctrl+Space, Ctrl+I
Trigger suggestion

2) Ctrl+Shift+Space
Trigger parameter hints

3) Shift+Alt+F
Format document

4) Ctrl+K Ctrl+F
Format selection

5) F12
Go to Definition

6) Ctrl+K F12
Open Definition to the side

7) Ctrl+.
Quick Fix
8) Shift+F12
Show References

9) Ctrl+K Ctrl+X
Trim trailing whitespace

10) Ctrl+K M
Change file language

11) F2
Rename Symbol
Comment below which IDE or Code editor you use for coding πŸ‘‡

Like, comment, retweet, and follow @demonicirfan for more such threads. I write threads and tweet about React, Javascript, Web3, UI/UX, and Freelancing.

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Irfan Asif ✦

Irfan Asif ✦ 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 @demonicirfan

May 16
You have created your profile on Fiverr. You have added 2, or 3 gigs and now you are waiting for your first client. Does this sound familiar to you?

Here is how you can get your first client on Fiverr and start earning πŸ’Έ

Thread 🧡 #freelancing Image
These are some of the tried and tested methods of getting clients on Fiverr.

I myself followed this and got clients in the first month itself

πŸ‘‡
1) Ranking Your Gig on the First Page on Fiverr

When someone searches for a service he usually clicks on those profiles that appear on the first page itself ( take your example too how many times do you go to the second page of Google to look for a search result )
Read 12 tweets
May 15
The average React developer salary in the USA is $120,000 per year or $61.54 per hour. An entry-level positions start at $99,969 per year. πŸ’Έ

What is stopping you from learning React?

Here are some of the basic things which you need to know before learning React. πŸ‘‡πŸ§΅ Image
1) HTML and CSS

Every front-end developer starts their journey with HTML and CSS so before you start learning to react you should have a piece of good knowledge of HTML and CSS.
2) Fundamentals of JS and ES6

No matter what you can't get better at React if your js fundamental is not clear, It is most confusing and creates problems with small errors in projects so make sure that you first clear your basic concepts about js and then you move to other.
Read 7 tweets
May 12
Want to start web3 development?

Skills in blockchain development are among the most in-demand in the tech industry. It's difficult to find a proper/clean roadmap and resource to get started with Web3✨

Here I am sharing some resources and a roadmap to web3 🧡 πŸ‘‡
- Web 2.0 Skills
HTML, CSS, TS/JS, React, React Component libraries.

- Fundamentals of Blockchain

Resources
β€£ Blockchain Technology Course on EdX: bit.ly/33e7Q3k
β€£ Blockchain Explained: bit.ly/3r3kdHX
- Metamask or any equivalent crypto wallet

Resources
β€£ Metamask Docs: bit.ly/3q981WR
β€£ Metamask Tutorial: bit.ly/3f6c9jQ
β€£ Metamask for Developers: bit.ly/3312UPF
Read 7 tweets
May 12
Make your boring js projects interesting with these free API's ✨

Here is a curated list of interesting APIs that will help you boost your skills in a very entertaining way. It’s also a very important part of a backend developer's journey. πŸ§΅πŸ‘‡
1) Coinbase API - developers.coinbase.com/api/v2

This API makes it easy to integrate bitcoin, bitcoin cash, litecoin and Ethereum into any application.
2) Hotels - rapidapi.com/apidojo/hotels4

Helps to query tooms, price, and other ingo from many hotels around the world to create traveling apps.
Read 12 tweets
May 9
Want to start building projects on React but stuck in the learning loop. πŸ€”

Here is a roadmap on how you can learn React in 40 days without getting into a tutorial hellπŸ‘‡ How to learn react.js in 40 days.
Important things in JavaScript you should know before starting React

- Functions (including ES6 arrow functions)
- Variables (const & let)
- Data types
- Objects and arrays (And how to work with them)
- Importing/Exporting modules
- Working with an API
- Understand how manipulating the DOM works

After this Build Some projects in JavaScript.

Now you can start React but keep learning JavaScript on the way.
Read 10 tweets
May 8
React is the most dominating frontend ecosystem. πŸ‘¨πŸ»β€πŸ’»

The average salary of a react developer in the US is $ 120K. There are plenty of job opportunities for a skilled React developer in both the web2 and web3 worlds. πŸ’Έ

Some of the best resources for learning React in 2022 πŸ‘‡πŸ‘‡πŸ‘‡
✨ Free Resources ✨

1) React Docs beta

These new docs are an incredible improvement over the old docs. With in-depth tutorial and concept explanations, live editable sandboxes, coverage of key concepts and common gotchas, and much more things.
beta.reactjs.org
2) Codevalution Youtube

This is one of the best free react courses I have been through. This playlist is perfect for those who are getting started with react.

youtube.com/playlist?list=…
Read 7 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

Don't want to be a Premium member but still want to support us?

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

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(