# Add your own VS Code snippets in 5 seconds

Do you know how to add your own code snippets in Visual Code Studio? If your answer is *no* then this blog will help you to do this. so let's read this blog post & increase your coding productivity by 10 times 🖐🔥.

So, you have to open your **VS Code** editor & click on the setting icon.



![VS Code](https://cdn.hashnode.com/res/hashnode/image/upload/v1657703976716/2l742Q4Yx.png align="left")


after that, you have to click on *configure **user snippets*** 


![Visual studio code editor](https://cdn.hashnode.com/res/hashnode/image/upload/v1657704110424/hw9v1Bv4L.png align="left")

now select the language in which you want to add the **code snippet**


![VS Code).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1657704247757/VPDpTrd1p.png align="left")


![VS Code](https://cdn.hashnode.com/res/hashnode/image/upload/v1657704379451/Z9C4GMjMW.png align="left")

now go to [https://snippet-generator.app/](https://snippet-generator.app/) & paste your codes in the box as mentioned here & copy the snippet. add the shortcut in the shortcut box as shown in the image.



![VS Code snippets](https://cdn.hashnode.com/res/hashnode/image/upload/v1657705049521/99nt-dv0h.png align="left")


now go to the VS Code: settings>configure user snippets>select the language>paste the code & save(*ctrl+s*) this.




![vs code snippets](https://cdn.hashnode.com/res/hashnode/image/upload/v1657705509867/ZTuvnUepC.gif align="center")

that's it you are ready to use your code snippets in VS code by simply typing the shortcut.



![vs code](https://cdn.hashnode.com/res/hashnode/image/upload/v1657708171040/ooCs-gWZH.gif align="left")




Thanks for reading this blog. & if you love this blog don't forget to comment below.