Create Custom Code Snippets in VS Code

Snippet Generator Website - https://snippet-generator.app
Snippets Explained in Depth article - https://code.visualstudio.com/docs/editor/userdefinedsnippets

Read description if you can’t watch the video for explanation

----------------------------------------------------------------
Chapter 1️⃣ - Create Custom VSCode Snippets in 8 simple steps

1. Open VSCode
2. Open Command Palette in VS Code by doing
Shift + Command + P (on Mac)
or
Shift Control + P       (on Windows)

3. Start typing - "*Configure User Snippets"* and Click on "Preferences: Configure User Snippets*"*
4. Choose what language you want to make your snippet in (usually Javascript) and a files will open. Here you will add your snippet later
5. Open browser and visit [http://snippet-generator.app/](http://snippet-generator.app/)
6. Create your snippet there with Description and ShortCut
7. Copy snippet and paste it in your file that you have opened previously
8. Enjoy using your snippet!

----------------------------------------------------------------
Chapter 2️⃣ Tab Control

Create tab control just by doing $1 for your first tab control , $2 for second etc.

----------------------------------------------------------------
Chapter 3️⃣ Tab Control with Placeholder text

Write ${1:somePlaceHolderText} to create a tab control with some placeholder text

? Timestamps:
00:00 - You wil Learn
00:11 - Create Custom VSCode Snippets
03:30 - Tap Control in Snippets
05:26 - Set Placeholder Text in Snippets

DM me on Instagram - https://www.instagram.com/codenerd39/