🔴 Create your own CSS Snippets in VS Code in 2022 | Make Developer Life Easy ♥

Welcome Guys, Today in this video we are going to create our own CSS Snippets in VS Code

What is a snippet?

A snippet is a small section of text or source code that can be inserted into the code of a program or Web page. Snippets provide an easy way to implement commonly used code or functions into a larger section of code. Instead of rewriting the same code over and over again, a programmer can save the code as a snippet and simply drag and drop the snippet wherever it is needed. By using snippets, programmers and Web developers can also organize common code sections into categories, creating a cleaner development environment.

In this video, we have seen an example of a snippet of CSS code.

Then we have created our own snippet in VS code to "Center the div" and for width and height.

Here are the steps which you have to follow to create your own CSS snippets in the vs code editor. 

  1. Hit > shift + command + p and type snippets
  2. Select Preferences: Open User Snippets
  3. Choose the language type for which you want to add the custom snippet
  4. vscode has comments to explain how to add a snippet. 
  5. Else you can watch my video and you will understand everything.

Copy the code 👇