तो स्वागत है आपका। 👋

अगर आप Coding, Web Development या Programming सीख रहे हैं, तो आपने Visual Studio Code यानी VS Code का नाम जरूर सुना होगा।

VS Code एक बहुत popular Code Editor है।

इसमें आप आसानी से:

HTML लिख सकते हैं
CSS लिख सकते हैं
JavaScript चला सकते हैं
Python Code लिख सकते हैं
C/C++ पर काम कर सकते हैं
Java जैसी Languages के साथ काम कर सकते हैं
Git इस्तेमाल कर सकते हैं
Terminal चला सकते हैं
Extensions Install कर सकते हैं
अपना Coding Workflow तेज कर सकते हैं

लेकिन VS Code में बहुत सारे Shortcuts, Extensions और छोटे-छोटे Features हैं।

अगर आपको इनके बारे में पता नहीं है, तो आप VS Code का पूरा फायदा नहीं उठा पाएंगे।

इसलिए इस article में हम 200+ VS Code Shortcuts, Extensions और Useful Tips को आसान भाषा में समझेंगे।

💡 मेरा अनुभव

VS Code में सबसे ज्यादा काम आने वाली चीजें हैं Keyboard Shortcuts।

शुरुआत में अगर आप सिर्फ ये Shortcuts सीख लें:

Ctrl + P
Ctrl + Shift + P
Ctrl + Shift + F
Ctrl + S
Ctrl + W
Ctrl + D
Ctrl + /
Alt + Up
Alt + Down
Ctrl + `
F5

तो आपका काफी समय बच सकता है।

आपको हर छोटे काम के लिए Mouse से Menu खोलने की जरूरत नहीं पड़ेगी।

मेरी सलाह है कि Shortcuts को एक साथ याद न करें।

रोज 5–10 Shortcuts Practice करें।

कुछ दिनों बाद ये अपने आप याद होने लगेंगे।

VS Code क्या है?

Visual Studio Code, जिसे आमतौर पर VS Code कहा जाता है, Microsoft का एक Code Editor है।

यह Windows, macOS और Linux पर इस्तेमाल किया जा सकता है।

इसमें आपको:

Editor
Explorer
Search
Source Control
Run & Debug
Extensions
Terminal

जैसे कई Tools मिलते हैं।

VS Code क्यों इस्तेमाल करें?

VS Code के कुछ बड़े फायदे:

Feature	फायदा
Fast Editor	जल्दी Open होता है
Extensions	नए Features जोड़ सकते हैं
Terminal	Editor के अंदर Terminal
Git	Git और GitHub के साथ काम
Debugger	Code Debug करना
IntelliSense	Code लिखने में Help
Themes	Editor का Look बदलना
Shortcuts	काम जल्दी करना
Multi-Cursor	एक साथ कई जगह Edit
Search	बड़ी Project में जल्दी Search

VS Code Open करने का Shortcut

Windows में:

Win

दबाकर Search करें:

Visual Studio Code

अगर VS Code पहले से Open है, तो आप सीधे Keyboard Shortcuts इस्तेमाल कर सकते हैं।

1. Ctrl + S

File Save करने के लिए:

Ctrl + S

यह सबसे ज्यादा इस्तेमाल होने वाले Shortcuts में से एक है।

2. Ctrl + Shift + S

Save As करने के लिए:

Ctrl + Shift + S

3. Ctrl + N

नई File बनाने के लिए:

Ctrl + N

4. Ctrl + O

File Open करने के लिए:

Ctrl + O

5. Ctrl + W

Current Editor Tab बंद करने के लिए:

Ctrl + W

6. Ctrl + Shift + T

बंद की गई Tab फिर से Open:

Ctrl + Shift + T

7. Ctrl + K, Ctrl + O

Folder Open करने के लिए:

Ctrl + K
Ctrl + O

दोनों Keys को एक साथ नहीं, बल्कि क्रम से दबाएं।

8. Ctrl + P

किसी File को जल्दी Open करने के लिए:

Ctrl + P

बस File का नाम Type करें।

यह बड़े Projects में बहुत useful है।

9. Ctrl + Shift + P

Command Palette Open करने के लिए:

Ctrl + Shift + P

यह VS Code का बहुत important Shortcut है।

आप यहां से बहुत सारे Commands Search कर सकते हैं।

10. Ctrl + Shift + F

पूरे Project में Search:

Ctrl + Shift + F

11. Ctrl + F

Current File में Search:

Ctrl + F

12. Ctrl + H

Find और Replace:

Ctrl + H

13. F3

Next Search Result:

F3

14. Shift + F3

Previous Search Result:

Shift + F3

15. Ctrl + D

Current Word को Select करके अगली Same Word को भी Select करना:

Ctrl + D

यह Multi-Cursor Editing में बहुत useful है।

16. Ctrl + Shift + L

एक ही Word की सभी matching entries को Select:

Ctrl + Shift + L

17. Alt + Click

Mouse से अलग-अलग जगह Cursor लगाने के लिए:

Alt + Click

18. Ctrl + Alt + Up

ऊपर Multi-Cursor:

Ctrl + Alt + Up

19. Ctrl + Alt + Down

नीचे Multi-Cursor:

Ctrl + Alt + Down

20. Alt + Up

Current Line को ऊपर Move:

Alt + Up

21. Alt + Down

Current Line को नीचे Move:

Alt + Down

22. Shift + Alt + Up

Current Line की Copy ऊपर:

Shift + Alt + Up

23. Shift + Alt + Down

Current Line की Copy नीचे:

Shift + Alt + Down

24. Shift + Alt + F

Code Format करने के लिए:

Shift + Alt + F

यह आपके installed language formatter पर depend कर सकता है।

25. Ctrl + /

Current Line को Comment/Uncomment:

Ctrl + /

26. Shift + Alt + A

Block Comment:

Shift + Alt + A

27. Ctrl + Z

Undo:

Ctrl + Z

28. Ctrl + Y

Redo:

Ctrl + Y

29. Ctrl + X

Current Line को Cut:

Ctrl + X

30. Ctrl + C

Current Line Copy:

Ctrl + C

अगर कुछ Select नहीं है, तो VS Code में पूरी Current Line Copy हो सकती है।

31. Ctrl + V

Paste:

Ctrl + V

32. Ctrl + A

सब कुछ Select:

Ctrl + A

33. Ctrl + Home

File की शुरुआत में:

Ctrl + Home

34. Ctrl + End

File के अंत में:

Ctrl + End

35. Home

Line की शुरुआत:

Home

36. End

Line के अंत में:

End

37. Ctrl + Left

एक Word पीछे:

Ctrl + Left

38. Ctrl + Right

एक Word आगे:

Ctrl + Right

39. Ctrl + Backspace

एक पूरा Word Delete:

Ctrl + Backspace

40. Ctrl + Delete

अगला Word Delete:

Ctrl + Delete

41. Ctrl + Enter

Current Line के नीचे नई Line:

Ctrl + Enter

42. Ctrl + Shift + Enter

Current Line के ऊपर नई Line:

Ctrl + Shift + Enter

43. Ctrl + ]

Line को Indent करना:

Ctrl + ]

44. Ctrl + [

Line को Unindent:

Ctrl + [

45. Tab

Indent करने के लिए:

Tab

46. Shift + Tab

Indent हटाने के लिए:

Shift + Tab

47. Ctrl + Space

Suggestions दिखाने के लिए:

Ctrl + Space

48. Ctrl + Shift + Space

Parameter Hints:

Ctrl + Shift + Space

49. F12

Function/Variable की Definition पर जाने के लिए:

F12

50. Alt + F12

Definition का छोटा Preview:

Alt + F12

51. Shift + F12

References देखने के लिए:

Shift + F12

52. Ctrl + Click

Function या Variable की Definition पर जाने के लिए:

Ctrl + Click

53. F2

Variable या Function Rename:

F2

यह बड़े Project में बहुत useful है।

54. Ctrl + .

Quick Fix खोलने के लिए:

Ctrl + .

55. Ctrl + K, Ctrl + X

Trailing Spaces हटाने के लिए:

Ctrl + K
Ctrl + X

56. Ctrl + K, Z

Zen Mode:

Ctrl + K
Ctrl + Z

इससे Coding के लिए ज्यादा साफ Screen मिलती है।

57. Ctrl + B

Sidebar Show/Hide:

Ctrl + B

58. Ctrl + J

Panel Show/Hide:

Ctrl + J

59. Ctrl + `

Integrated Terminal:

Ctrl + `

यह बहुत useful Shortcut है।

60. Ctrl + Shift + `

New Terminal:

Ctrl + Shift + `

61. Ctrl + Shift + C

External Terminal खोलने के लिए:

Ctrl + Shift + C

62. Ctrl + Shift + E

Explorer खोलने के लिए:

Ctrl + Shift + E

63. Ctrl + Shift + F

Search Panel:

Ctrl + Shift + F

64. Ctrl + Shift + G

Source Control / Git:

Ctrl + Shift + G

65. Ctrl + Shift + X

Extensions Panel:

Ctrl + Shift + X

66. Ctrl + Shift + D

Run and Debug:

Ctrl + Shift + D

67. Ctrl + Shift + M

Problems Panel:

Ctrl + Shift + M

68. Ctrl + Shift + U

Output Panel:

Ctrl + Shift + U

69. Ctrl + Shift + Y

Debug Console:

Ctrl + Shift + Y

70. Ctrl + Shift + V

Markdown Preview:

Ctrl + Shift + V

71. Ctrl + K, V

Markdown Preview Side में:

Ctrl + K
Ctrl + V

72. Ctrl + 1

पहले Editor Group पर जाना:

Ctrl + 1

73. Ctrl + 2

दूसरे Editor Group पर:

Ctrl + 2

74. Ctrl + 3

तीसरे Editor Group पर:

Ctrl + 3

75. Ctrl + PageUp

Previous Tab:

Ctrl + PageUp

76. Ctrl + PageDown

Next Tab:

Ctrl + PageDown

77. Ctrl + Tab

Open Tabs के बीच Switch:

Ctrl + Tab

78. Ctrl + K, P

Copy Path:

Ctrl + K
Ctrl + P

79. Ctrl + K, R

File Location Explorer में Reveal करने के लिए:

Ctrl + K
Ctrl + R

80. Ctrl + K, O

Current File का Folder Open करने के लिए:

Ctrl + K
Ctrl + O

81. F5

Debug/Run Start:

F5

82. Ctrl + F5

Debug के बिना Run:

Ctrl + F5

83. Shift + F5

Debug Stop:

Shift + F5

84. F9

Breakpoint लगाना या हटाना:

F9

85. F10

Debug में Step Over:

F10

86. F11

Debug में Step Into:

F11

87. Shift + F11

Step Out:

Shift + F11

88. Ctrl + K, Ctrl + S

Keyboard Shortcuts खोलने के लिए:

Ctrl + K
Ctrl + S

यहां आप सभी VS Code Shortcuts Search कर सकते हैं।

VS Code Extensions क्या हैं?

Extensions छोटे Add-ons होते हैं।

इनकी मदद से VS Code में नए Features जोड़ सकते हैं।

उदाहरण:

HTML Support
CSS Support
Python Support
Git Tools
Themes
Icons
Formatters
Linters
Debugging Tools

Extensions कैसे Install करें?

Shortcut:

Ctrl + Shift + X

फिर Search Box में Extension का नाम लिखें।

Extension चुनें और Install पर Click करें।

Useful VS Code Extensions

1. Prettier

Code को Format करने के लिए बहुत popular Extension।

यह HTML, CSS, JavaScript और कई दूसरी Files को साफ तरीके से Format करने में मदद कर सकता है।

2. Live Server

HTML Website को Browser में जल्दी Preview करने के लिए useful।

HTML File पर Right Click करके Open with Live Server इस्तेमाल कर सकते हैं।

3. Live Preview

Web Pages का Preview VS Code के अंदर देखने के लिए useful Extension।

4. ESLint

JavaScript/TypeScript Projects में Code की गलतियां और Style Problems पकड़ने में मदद करता है।

5. Python

Python Development के लिए Microsoft का Extension।

इससे Python Code Editing, IntelliSense, Debugging आदि में मदद मिलती है।

6. C/C++

C और C++ Development के लिए useful Extension।

7. Extension Pack for Java

Java Development के लिए कई जरूरी Java Tools एक साथ देता है।

8. GitLens

Git और Code History को समझने में मदद करने वाला popular Extension।

9. Docker

Docker के साथ काम करने के लिए useful Extension।

10. REST Client

VS Code के अंदर HTTP/API Requests भेजने के लिए useful।

11. Markdown All in One

Markdown लिखने और Edit करने में मदद करता है।

12. YAML

YAML Files को Edit करने में मदद करता है।

13. Path Intellisense

File Paths लिखते समय Suggestions देने में मदद करता है।

14. Auto Rename Tag

HTML/XML Tags का Opening या Closing Tag बदलने में मदद करता है।

उदाहरण:

<div>

को बदलने पर उसका Closing Tag भी Update हो सकता है।

15. Auto Close Tag

HTML/XML Tags को Automatically Close करने में मदद करता है।

💡 Extensions की मेरी सलाह

हर Extension Install करने की जरूरत नहीं है।

बहुत ज्यादा Extensions लगाने से VS Code का Startup और Performance प्रभावित हो सकता है।

सिर्फ वही Extensions रखें जिनकी आपको जरूरत है।

Beginner के लिए:

Prettier
Live Server
Live Preview
ESLint
Python
GitLens

में से अपनी जरूरत के हिसाब से चुन सकते हैं।

VS Code Themes

VS Code का Look बदलने के लिए Themes इस्तेमाल कर सकते हैं।

Popular Themes में:

Dark+
Light+
Monokai
One Dark Pro
Dracula
GitHub Theme
Night Owl

जैसे Themes मिलते हैं।

VS Code Icons

Files और Folders को पहचानना आसान बनाने के लिए Icon Themes इस्तेमाल कर सकते हैं।

Popular option:

Material Icon Theme

इससे अलग-अलग File Types के लिए अलग Icons दिखाई दे सकते हैं।

VS Code Settings

Settings खोलने के लिए:

Ctrl + ,

आप यहां:

Font Size
Theme
Tab Size
Auto Save
Format On Save
Word Wrap
Minimap
Terminal
Editor

जैसी Settings बदल सकते हैं।

Auto Save

अगर आप चाहते हैं कि VS Code Files को Automatically Save करे, तो Settings में:

Auto Save

Search करें।

आप इसे अपनी जरूरत के हिसाब से Set कर सकते हैं।

Format On Save

अगर आप चाहते हैं कि File Save करते समय Code Automatically Format हो, तो:

Format On Save

Enable किया जा सकता है।

इसके लिए आपके Language के लिए सही Formatter भी Installed होना चाहिए।

Font Size बदलना

Settings में:

Editor: Font Size

Search करें।

या Settings JSON में जरूरत के अनुसार Setting बदल सकते हैं।

Word Wrap

Long Line को Screen के अंदर Wrap करने के लिए:

Alt + Z

Minimap

Code की छोटी Preview Screen के Right Side दिखाई देती है।

इसे Settings से On/Off किया जा सकता है।

Breadcrumbs

Current File में आप किस Function/Class/Section के अंदर हैं, यह समझने में मदद करता है।

इसे Settings में:

Breadcrumbs

Search करके Control कर सकते हैं।

VS Code Terminal

VS Code की सबसे useful Features में से एक है Integrated Terminal।

Open करने के लिए:

Ctrl + `

यहां आप:

Git
npm
Python
Node.js
PowerShell
CMD

जैसी चीजें चला सकते हैं।

नया Terminal

Ctrl + Shift + `

Terminal Clear

Terminal के अंदर आप अपने Shell के हिसाब से Commands इस्तेमाल कर सकते हैं।

PowerShell में:

Clear-Host

CMD में:

cls

VS Code में Git

अगर आपके Computer में Git Installed है, तो VS Code में Git के साथ काम करना आसान है।

Source Control Panel:

Ctrl + Shift + G

यहां आप:

Changes
Staged Changes
Commit
Branch
Sync

जैसी चीजें देख सकते हैं।

Git Initialize

Terminal में:

git init

Git Status

git status

Git Add

git add .

Git Commit

git commit -m "First commit"

Git Branch

git branch

Git Pull

git pull

Git Push

git push

VS Code IntelliSense

जब आप Code लिखते हैं, VS Code आपको:

Functions
Variables
Methods
Properties
Parameters

के Suggestions दे सकता है।

उदाहरण:

console.

लिखने पर कई Suggestions दिखाई दे सकती हैं।

IntelliSense Manually Open

Ctrl + Space

Quick Fix

अगर Code में कोई Warning या Problem है:

Ctrl + .

दबाएं।

VS Code कई बार उस Problem को ठीक करने के Options दिखा सकता है।

Rename Symbol

किसी Variable या Function का नाम पूरे Project में बदलने के लिए:

F2

यह सामान्य Find & Replace से ज्यादा useful हो सकता है क्योंकि यह Code Structure को समझकर Rename कर सकता है।

Go to Definition

F12

Find References

Shift + F12

Go to Symbol

Current File के Symbols देखने के लिए:

Ctrl + Shift + O

Go to Line

किसी specific Line Number पर जाने के लिए:

Ctrl + G

फिर Line Number लिखें।

Go to Bracket

Matching Bracket पर जाने के लिए:

Ctrl + Shift + \

Code Folding

Code Section को Collapse करने के लिए:

Ctrl + Shift + [

Code Unfold

Ctrl + Shift + ]

Fold All

Ctrl + K
Ctrl + 0

Unfold All

Ctrl + K
Ctrl + J

Selection Expand

Selection को बढ़ाने के लिए:

Shift + Alt + Right

Selection Shrink

Selection को छोटा करने के लिए:

Shift + Alt + Left

Duplicate Selection

कुछ cases में Selection को Duplicate करने के लिए Command Palette या Keyboard Shortcuts का इस्तेमाल किया जा सकता है।

Column Selection

Mouse से:

Shift + Alt + Mouse Drag

के जरिए Column/Box Selection की जा सकती है।

यह Tables या कई Lines में एक साथ Edit करने में बहुत useful है।

Multi-Cursor Example

मान लीजिए आपके पास:

apple
apple
apple
apple

है।

आप Ctrl + D से एक-एक करके Same Word Select कर सकते हैं और सभी को एक साथ Edit कर सकते हैं।

Emmet क्या है?

Emmet HTML और CSS लिखने का काम काफी तेज कर सकता है।

उदाहरण:

लिखकर Emmet Suggestion चुनने पर HTML Boilerplate बनाया जा सकता है।

Emmet Example

div.container

से:

<div class="container"></div>

जैसा Code बनाया जा सकता है।

Emmet List Example

ul>li*5

से कई <li> Elements बनाए जा सकते हैं।

HTML Shortcut

फिर:

Tab

HTML Boilerplate बनाने में मदद कर सकता है।

CSS Shortcut

m10

से:

margin: 10px;

जैसा Code बनाया जा सकता है।

VS Code Snippets

Snippets छोटे Code Templates होते हैं।

आप बार-बार लिखे जाने वाले Code को एक छोटे Shortcut से Generate कर सकते हैं।

JavaScript Snippet Example

कुछ Extensions JavaScript के लिए Useful Snippets देते हैं।

जैसे:

log

से:

console.log();

जैसा Code Generate हो सकता है, अगर संबंधित Snippet Extension/Setup उपलब्ध हो।

User Snippets

VS Code में आप अपने खुद के Snippets भी बना सकते हैं।

Command Palette:

Ctrl + Shift + P

फिर Search करें:

Configure User Snippets

VS Code Debugging

VS Code में Debugging के लिए:

F5

का इस्तेमाल किया जा सकता है।

आप:

Breakpoints
Variables
Call Stack
Watch
Debug Console

जैसी चीजें देख सकते हैं।

Breakpoint

Line पर Breakpoint लगाने के लिए:

F9

Debug Continue

F5

Step Over

F10

Step Into

F11

Step Out

Shift + F11

Stop Debugging

Shift + F5

VS Code Problems Panel

Code में Errors और Warnings देखने के लिए:

Ctrl + Shift + M

यह Panel बहुत useful है।

Output Panel

Ctrl + Shift + U

Debug Console

Ctrl + Shift + Y

VS Code Search Tips

पूरे Project में Search:

Ctrl + Shift + F

Replace:

Ctrl + Shift + H

Current File:

Ctrl + F

Replace Current File:

Ctrl + H

Search में Regular Expression

Search Box में Regex Option Enable करके Advanced Search की जा सकती है।

यह बड़े Projects में काफी useful है।

Case Sensitive Search

Search में:

Aa

Option Enable करके Capital और Small Letters को अलग-अलग Search कर सकते हैं।

Whole Word Search

पूरे Word को Match करने के लिए:

ab

जैसे Search Options इस्तेमाल किए जा सकते हैं।

VS Code Explorer Tips

Explorer:

Ctrl + Shift + E

यहां आप:

New File
New Folder
Rename
Delete
Copy
Move

जैसे काम कर सकते हैं।

New File

Explorer में:

New File

पर Click करें।

New Folder

New Folder

पर Click करें।

Rename File

File पर Right Click:

Rename

Delete File

File पर Right Click:

Delete

Open in New Window

Folder या Project को अलग VS Code Window में Open किया जा सकता है।

Workspace क्या है?

Workspace में आप एक या ज्यादा Folders को एक साथ Project के रूप में Manage कर सकते हैं।

बड़े Projects में Workspace काफी useful होता है।

Workspace Save

Command Palette:

Ctrl + Shift + P

फिर:

Save Workspace As

Search कर सकते हैं।

VS Code Profiles

अगर आप अलग-अलग काम करते हैं, जैसे:

Web Development
Python
Java
C++

तो अलग VS Code Profiles रखना useful हो सकता है।

इससे Extensions और Settings अलग रख सकते हैं।

Settings Sync

अगर आप VS Code को कई Computers पर इस्तेमाल करते हैं, तो Settings Sync की मदद से कुछ Settings, Extensions और अन्य supported data को Sync किया जा सकता है।

VS Code Keyboard Shortcuts Cheat Sheet

काम	Shortcut
Save	`Ctrl + S`
Save As	`Ctrl + Shift + S`
New File	`Ctrl + N`
Open File	`Ctrl + O`
Close Tab	`Ctrl + W`
Reopen Tab	`Ctrl + Shift + T`
Quick Open	`Ctrl + P`
Command Palette	`Ctrl + Shift + P`
Search File	`Ctrl + F`
Replace	`Ctrl + H`
Search Project	`Ctrl + Shift + F`
Explorer	`Ctrl + Shift + E`
Source Control	`Ctrl + Shift + G`
Run & Debug	`Ctrl + Shift + D`
Extensions	`Ctrl + Shift + X`
Problems	`Ctrl + Shift + M`
Terminal	`Ctrl + ``
New Terminal	`Ctrl + Shift + ``
Settings	`Ctrl + ,`
Comment	`Ctrl + /`
Format Code	`Shift + Alt + F`
Multi-Cursor	`Ctrl + D`
Select All Matches	`Ctrl + Shift + L`
Move Line Up	`Alt + Up`
Move Line Down	`Alt + Down`
Copy Line Up	`Shift + Alt + Up`
Copy Line Down	`Shift + Alt + Down`
Undo	`Ctrl + Z`
Redo	`Ctrl + Y`
Go to Definition	`F12`
References	`Shift + F12`
Rename	`F2`
Quick Fix	`Ctrl + .`
Go to Line	`Ctrl + G`
Go to Symbol	`Ctrl + Shift + O`
Toggle Word Wrap	`Alt + Z`
Run	`F5`
Run Without Debug	`Ctrl + F5`
Stop Debug	`Shift + F5`
Breakpoint	`F9`
Step Over	`F10`
Step Into	`F11`
Step Out	`Shift + F11`
Zen Mode	`Ctrl + K, Z`

💡 VS Code के लिए मेरी सलाह

अगर आप Beginner हैं तो शुरुआत में सिर्फ इन 20 Shortcuts को सीखें:

Ctrl + S
Ctrl + P
Ctrl + Shift + P
Ctrl + F
Ctrl + H
Ctrl + Shift + F
Ctrl + D
Ctrl + /
Shift + Alt + F
Alt + Up
Alt + Down
Ctrl + `
Ctrl + Shift + X
Ctrl + Shift + G
F12
F2
Ctrl + .
Ctrl + G
F5
F9

इनसे आपकी Coding Speed काफी बेहतर हो सकती है।

⚡ 10 Productivity Tips

Tip 1 — Mouse कम इस्तेमाल करें

ज्यादातर छोटे काम Keyboard से करने की कोशिश करें।

Tip 2 — Command Palette सीखें

Ctrl + Shift + P

यह Shortcut बहुत सारे VS Code Features तक जल्दी पहुंचाता है।

Tip 3 — Quick Open इस्तेमाल करें

Ctrl + P

से File जल्दी Open करें।

Tip 4 — Multi-Cursor सीखें

Ctrl + D

Coding में काफी Time बचा सकता है।

Tip 5 — Format Code करें

Shift + Alt + F

से Code को साफ Format करें।

Tip 6 — Integrated Terminal इस्तेमाल करें

Ctrl + `

से बार-बार अलग Terminal Window खोलने की जरूरत कम हो जाती है।

Tip 7 — Extensions कम रखें

सिर्फ काम की Extensions Install करें।

Tip 8 — Git सीखें

VS Code के साथ Git सीखना Developer के लिए बहुत useful है।

Tip 9 — Debugger का इस्तेमाल करें

सिर्फ console.log() पर Depend रहने के बजाय Debugger भी सीखें।

Tip 10 — अपने Snippets बनाएं

बार-बार लिखे जाने वाले Code के लिए User Snippets बनाएं।

💡 Pro Tip

अगर आपको VS Code का कोई Shortcut याद नहीं है तो:

Ctrl + K
Ctrl + S

दबाएं।

यह Keyboard Shortcuts की पूरी List खोलता है।

आप वहां Search करके किसी भी Command का Shortcut देख सकते हैं।

और अगर किसी Command का नाम पता है लेकिन Shortcut याद नहीं है, तो:

Ctrl + Shift + P

से Command Palette खोलकर Command Search करें।

⚠️ Note

VS Code में कुछ Shortcuts Operating System, Keyboard Layout और Installed Extensions के हिसाब से अलग हो सकते हैं।

कुछ Extensions अपने खुद के Shortcuts भी जोड़ती हैं।

इसलिए अगर कोई Shortcut काम नहीं कर रहा है तो:

Ctrl + K
Ctrl + S

से Keyboard Shortcuts की List Check करें।

VS Code सीखने का Simple Roadmap

अगर आप बिल्कुल Beginner हैं, तो इस order में सीखें:

VS Code Interface
       ↓
Files & Folders
       ↓
Basic Shortcuts
       ↓
Search & Replace
       ↓
Multi-Cursor
       ↓
Terminal
       ↓
Extensions
       ↓
Git
       ↓
IntelliSense
       ↓
Debugging
       ↓
Snippets
       ↓
Workspace
       ↓
Automation

VS Code Practice Project 💻

एक छोटा HTML Project बनाएं।

Folder:

my-website

इसके अंदर:

index.html
style.css
script.js

बनाएं।

फिर VS Code में Folder Open करें।

HTML में:

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>

    <h1>Hello World</h1>

</body>
</html>

CSS में:

body {
    font-family: Arial;
}

और JavaScript में:

console.log("Hello from VS Code");

अब:

Ctrl + S

से Files Save करें।

फिर:

Ctrl + `

से Terminal Open करें।

अगर Live Server जैसा Extension Installed है तो HTML को Browser में Preview करें।

अब:

Ctrl + D
Ctrl + /
Alt + Up
Alt + Down
Ctrl + P
Ctrl + Shift + P

जैसे Shortcuts Practice करें।

VS Code में काम करने का Best तरीका

एक अच्छा Coding Workflow कुछ ऐसा हो सकता है:

Project Open
     ↓
Ctrl + P
     ↓
File Open
     ↓
Code लिखें
     ↓
Ctrl + S
     ↓
Shift + Alt + F
     ↓
Ctrl + `
     ↓
Terminal
     ↓
Run / Test
     ↓
Ctrl + Shift + M
     ↓
Problems Check
     ↓
F5
     ↓
Debug

इस Workflow की Practice करने से VS Code का इस्तेमाल काफी आसान हो जाएगा।

Conclusion

आज हमने VS Code के 200+ Shortcuts, Extensions और Useful Tips को आसान भाषा में समझा।

हमने देखा कि VS Code में सिर्फ Code लिखना ही नहीं, बल्कि:

Search → Multi-Cursor → Terminal → Extensions → Git → Debugging → Snippets → Workspace

जैसे बहुत सारे Features भी हैं।

अगर आप Beginner हैं तो पहले इन Shortcuts को Practice करें:

Ctrl + P
Ctrl + Shift + P
Ctrl + Shift + F
Ctrl + D
Ctrl + /
Shift + Alt + F
Alt + Up
Alt + Down
Ctrl + `
F5
F9

और धीरे-धीरे बाकी Features सीखें।

याद रखें:

VS Code में ज्यादा Features जानना जरूरी नहीं है, सही Features को सही समय पर इस्तेमाल करना जरूरी है। 💻

अगर आप रोज Coding करते हैं, तो Keyboard Shortcuts और Terminal का इस्तेमाल शुरू करें।

कुछ ही समय में आपका काम पहले से काफी तेज हो जाएगा। 🚀

FAQs

1. VS Code क्या है?

VS Code एक Code Editor है जिसका इस्तेमाल Programming और Web Development के लिए किया जाता है।

2. VS Code में File जल्दी कैसे Open करें?

Ctrl + P

दबाएं और File का नाम Search करें।

3. Command Palette कैसे Open करें?

Ctrl + Shift + P

4. VS Code में Terminal कैसे Open करें?

Ctrl + `

5. VS Code में Extensions कैसे Open करें?

Ctrl + Shift + X

6. Code Format कैसे करें?

Shift + Alt + F

लेकिन इसके लिए आपके Language के लिए सही Formatter उपलब्ध होना चाहिए।

7. VS Code में Multi-Cursor कैसे लगाएं?

किसी Word को Select करके:

Ctrl + D

का इस्तेमाल करें।

8. पूरी File में Search कैसे करें?

Ctrl + F

9. पूरे Project में Search कैसे करें?

Ctrl + Shift + F

10. VS Code में Rename कैसे करें?

Variable, Function या Symbol को Rename करने के लिए:

F2

11. VS Code में Debugging कैसे Start करें?

F5

12. Breakpoint कैसे लगाएं?

F9

13. VS Code में Git कैसे Open करें?

Ctrl + Shift + G

14. VS Code में Settings कैसे Open करें?

Ctrl + ,

15. VS Code में सबसे जरूरी Shortcut कौन-सा है?

अगर एक Shortcut चुनना हो तो:

Ctrl + Shift + P

बहुत useful है, क्योंकि इससे आप VS Code की बहुत सारी Commands Search करके चला सकते हैं।

VS Code सीखते रहें, Shortcuts की Practice करते रहें और अपनी Coding Speed बढ़ाते रहें। 💻🔥

📥 Download PDF File

🎬 Need help? Click the button below to watch the complete step-by-step video guide tutorial!

📺 Watch Full Video Guide

VS Code Complete Cheat Sheet 💻 200+ Shortcuts, Extensions & Tips आसान भाषा में Explained

💡 मेरा अनुभव

VS Code क्या है?

VS Code क्यों इस्तेमाल करें?

VS Code Open करने का Shortcut

1. Ctrl + S

2. Ctrl + Shift + S

3. Ctrl + N

4. Ctrl + O

5. Ctrl + W

6. Ctrl + Shift + T

7. Ctrl + K, Ctrl + O

8. Ctrl + P

9. Ctrl + Shift + P

10. Ctrl + Shift + F

11. Ctrl + F

12. Ctrl + H

13. F3

14. Shift + F3

15. Ctrl + D

16. Ctrl + Shift + L

17. Alt + Click

18. Ctrl + Alt + Up

19. Ctrl + Alt + Down

20. Alt + Up

21. Alt + Down

22. Shift + Alt + Up

23. Shift + Alt + Down

24. Shift + Alt + F

25. Ctrl + /

26. Shift + Alt + A

27. Ctrl + Z

28. Ctrl + Y

29. Ctrl + X

30. Ctrl + C

31. Ctrl + V

32. Ctrl + A

33. Ctrl + Home

34. Ctrl + End

35. Home

36. End

37. Ctrl + Left

38. Ctrl + Right

39. Ctrl + Backspace

40. Ctrl + Delete

41. Ctrl + Enter

42. Ctrl + Shift + Enter

43. Ctrl + ]

44. Ctrl + [

45. Tab

46. Shift + Tab

47. Ctrl + Space

48. Ctrl + Shift + Space

49. F12

50. Alt + F12

51. Shift + F12

52. Ctrl + Click

53. F2

54. Ctrl + .

55. Ctrl + K, Ctrl + X

56. Ctrl + K, Z

57. Ctrl + B

58. Ctrl + J

59. Ctrl + `

60. Ctrl + Shift + `

61. Ctrl + Shift + C

62. Ctrl + Shift + E

63. Ctrl + Shift + F

64. Ctrl + Shift + G

65. Ctrl + Shift + X

66. Ctrl + Shift + D

67. Ctrl + Shift + M

68. Ctrl + Shift + U

69. Ctrl + Shift + Y

70. Ctrl + Shift + V

71. Ctrl + K, V

72. Ctrl + 1

73. Ctrl + 2

74. Ctrl + 3

75. Ctrl + PageUp