Add your own VS Code snippets in 5 seconds

Hashnode

Docs | Harsh

EVENT
BLOG
ABOUT

Write

Command Palette

Search for a command to run...

Add your own VS Code snippets in 5 seconds

UpdatedJuly 13, 2022

•View as Markdown

Add your own VS Code snippets in 5 seconds

Harsh Kumar

Harsh Kumar is a Front-end Developer at Creators Mind. I have strong technical skills in working with React JS and Javascript. I love building products to solve real-world problems.

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Data Communication in Computer Networks

Data communication is the exchange of data between two nodes via some form of link (transmission medium) such as cable. Data flow it means nodes are going to exchange the data. data is going to flow from one node to another node there are 3 form...

Nov 1, 2022

How to add a favicon to website

In this blog, I have explained how to add a favicon to any website or webpage, so let's read the blog to get the idea for adding a favicon to the website. https://youtu.be/H5qa8PycCbM at first, you have to add the following line inside the tag with ...

Jun 30, 2022

Internship report at Central water commission, Delhi

web portal for calculating the effective fetch for freeboard of dam/vessel.

Mar 19, 2022

Internship report at Central water commission, Delhi

Docs | Harsh

4 posts

Harsh writes content related to web development, SEO, blogging and tips & tricks related to technology.

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

after that, you have to click on configure user snippets

Visual studio code editor

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

VS Code).png

VS Code

now go to 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

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

vs code snippets

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

vs code

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

#vscode #code-snippets #productivity #coding #vscode-extensions

Archive
Privacy
Terms

Sitemap RSS