VS Code top 10 Coding Shortcut

VS Code mein "coding shorthand" ka matlab hota hai Emmet, jo HTML aur CSS jaisi languages mein code likhne ka ek bahut hi fast aur effective tareeka hai. Emmet Visual Studio Code mein built-in hota hai, iske liye aapko koi alag extension install karne ki zarurat nahi hai.

Emmet abbreviations, yaani chote forms, ko pura code snippet banane ke liye use kiya jaata hai. Jab aap koi abbreviation type karke Tab dabate hain, to woh full code mein expand ho jaata hai.

Emmet ke Kuch Basic Examples:

 * !: Ek nayi HTML file mein boilerplate code (jaise , , , ) generate karne ke liye.

 * div>ul>li: Isse aap nested elements bana sakte hain. Ye abbreviation expand hokar

  •  

ban jayega.

 

 * ul>li*5: Multiplication operator (*) ka use karke aap multiple elements bana sakte hain. Ye abbreviation

  •  
  •  
  •  
  •  
  •  

mein expand hoga.

 

 * .container: Class-based div banane ke liye. Isse

 

banega. Agar aapko koi dusra tag chahiye, to aap p.text likh sakte hain, jisse

 

banega.

 

 * #main: ID-based div banane ke liye. Isse

banega. Aap isse bhi dusre tags ke saath use kar sakte hain, jaise h1#title.

 

Kuch Aur Useful Shortcuts

Emmet ke alawa, yahan kuch aur useful shortcuts hain jo aapki productivity badha sakte hain:

 * Ctrl + Shift + P: Command Palette kholne ke liye. Isse aap VS Code ke saare commands ko search aur run kar sakte hain.

 * Ctrl + K Ctrl + S: Keyboard Shortcuts editor kholne ke liye, jahan aap apne shortcuts ko customize kar sakte hain.

 * Shift + Alt + Down/Up Arrow: Ek line ko duplicate karne ke liye.

 * Alt + Up/Down Arrow: Ek line ko upar ya niche move k

arne ke liye.

Enjoyed this article? Stay informed by joining our newsletter!

Comments

You must be logged in to post a comment.

About Author