Top VS Code Emmet Shortcuts and Keyboard Shortcuts | Visual Studio Code Tips & Tricks
In this video, I have shown you how to write faster code using VS Code Emmet Shortcuts and Keyboard Shortcuts
Using these Emmet Shortcuts and Keyboard Shortcuts in VS Code(Visual Studio Code Editor) will help you write code more quickly and efficiently.
------------------------------------------------------------------------------------------------------------------
Here is the list of all shortcuts shown & explained in video!
EMMET SHORTCUTS
--------------------------------
1) ! & html:5 ➤ HTML predefined template
2) .classname ➤ For making a Div Element with a class
3) #idname ➤ For making a Div Element with a Id
4) Element.class ➤ For making any Element with a class
5) Element#Id ➤ For making any Element with a Id
6) Siblings (element.class/id + element.class/Id) ➤ For making siblings ( As in video I made [ .box1+.box2 ]
7) Single Level Parent/Child Relationship ➤As in Video I made div, p & h1 relationship , We can also define id or classes in this as per our need
8) Multiplication ➤ Shortcut for making repeating elements easily . As in video I made unordered list with 5 list items & further complexing it by adding anchor tag with link in that.
KEYBOARD SHORTCUTS
--------------------------------------
1) Ctrl + Space ➤ For Opening Suggestion Box.
2) Ctrl + P ➤ For Searching Files
3) Ctrl + ➤ For Zooming In
4) Ctrl - ➤ For Zooming Out
5) Ctrl + / ➤ For providing comment
6) Alt + Up/Down Arrow ➤ For moving a line to another location
7) Alt + z ➤ For wrapping text at a line
8) Alt + ~ ➤ For Opening Terminal
9) Ctrl + D ➤ For highlighting & replacing a same word present in a line
10) Ctrl + B ➤ For Opening/Closing Explorer Side Nav Menu
11) Ctrl + Shift + H ➤ For opening Code Formatting Panel
12) Ctrl + Shift + L ➤ For highlighting & replacing a same word present in whole code
13) Ctrl + Shift + M ➤For opening Problem Panel
14) Ctrl + Shift + T ➤For Re-opening Closed Files
15) Ctrl + Shift + U ➤For opening Output Panel
16) Ctrl + Shift + G ➤For opening Source Control Panel
---------------------------------------------------------------------------------------------------------------
Subscribe For More Free Tutorials.
➤ / @leveluptok254
My Other Videos :-
1) How to Align Divs. Side by Side || Split Screen into 3 sections Using HTML & CSS Only
➤ • How to Align Divs. Side by Side || S...
2) How to create basic beginner level Navigation Bar using HTML, CSS & Bootstrap
➤ • How to create basic beginner level Na...
3) How to Schedule Microsoft Certification exam after training using 100% Discount Voucher
➤ • How to Schedule Microsoft Certificati...
4) How to register for Microsoft Azure Virtual Training : AI Fundamentals
➤ • How to register for Microsoft Azure V...
---------------------------------------------------------------------------------------------------------------
Guys, Please support my channel by LIKING, SHARING & SUBSCRIBING to my channel and don't forget to press the bell icon to never miss my latest video updates.
Follow LevelUp ToK :
➤ https://www.facebook.com/profile.php?...
Смотрите видео Top VS Code Emmet Shortcuts and Keyboard Shortcuts | Visual Studio Code Tips & Tricks онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь LevelUp Tok 04 Март 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6 раз и оно понравилось людям.