{"post":{"id":"5fa9623204e4a94a40f0cef3","_id":"5fa9623204e4a94a40f0cef3","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1604935891651/QL_sKiZGM.png","__typename":"PostCoverImage"},"slug":"how-to-create-custom-emmet-snippets-in-vs-code","readTime":2,"replyCount":1,"responseCount":2,"brief":"👋 Hi again developers!\nThis post covers how you can use Custom Emmet Snippets in VS Code. With VS Code's new release: version 1.51!\n\nEmmet is very powerful and very productive! And the mix of Emmet & VS Code, is like never before. But sometimes you ...","subtitle":null,"isFeatured":false,"contributors":[{"_id":"5f6055e41d6093023c713437","name":"Vivek Tiwari","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1603124598613/-EV29quYf.png","username":"vivek566","__typename":"User"}],"bookmarked":false,"views":2054,"url":"https://usman2102.hashnode.net/how-to-create-custom-emmet-snippets-in-vs-code","totalReactions":59,"title":"✨ How to create Custom Emmet Snippets in VS Code!","dateAdded":"2020-11-09T15:37:22.205Z","cuid":"ckhaplmd801bxo0s11z6z4zmh","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":null,"description":null,"__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"5f3ca7269584ef298dc172e4","name":"Usman Sabuwala","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627648591642/VKg_lEi1D.jpeg","isPro":false,"username":"usmanwrites","__typename":"User","tagline":"Learning web development, running a YouTube channel"},"coAuthors":[],"series":null,"tags":[{"_id":"56744721958ef13879b94a60","logo":"https://res.cloudinary.com/hashnode/image/upload/v1497250361/v3sij4jc8hz9xoic22eq.png","name":"Productivity","slug":"productivity","__typename":"Tag"},{"_id":"56744721958ef13879b948ae","logo":null,"name":"snippets","slug":"snippets","__typename":"Tag"},{"_id":"5aad2b1e820995304cf3dd9b","logo":null,"name":"vscode","slug":"vscode-cjevho8kk00bo1ss2lmqqjr51","__typename":"Tag"},{"_id":"57323a8bae9d49b5a5a5b39c","logo":"https://res.cloudinary.com/hashnode/image/upload/v1497045716/r3myqwr6m8olahqaxl5x.png","name":"Visual Studio Code","slug":"vscode","__typename":"Tag"}],"publication":{"_id":"5f3ca8cc2324e0296c44f6ac","url":"https://usman2102.hashnode.net","canonicalURL":"https://usman2102.hashnode.net","title":"Usman Writes","displayTitle":null,"isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1668171082356/Jk5Up9IbF.jpg","headerColor":"","metaTags":"\n\n\n","isTeam":true,"domainInfo":{"hashnodeSubdomain":"usman2102","domain":{"host":"blog.usmans.me","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"5faa19b404e4a94a40f0d66b","author":{"_id":"5f6055e41d6093023c713437","name":"Vivek Tiwari","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1603124598613/-EV29quYf.png","isPro":false,"username":"vivek566","__typename":"User"},"content":{"html":"

Wow, this is interesting. Didn't know about custom snippets.

\n","markdown":"Wow, this is interesting. Didn't know about custom snippets.","text":"Wow, this is interesting. Didn't know about custom snippets.\n","__typename":"Content"},"dateAdded":"2020-11-10T04:40:20.265Z","stamp":"ckhbhkilk03n0o0s1by64e4jq","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"5faa20e8fc2ed04a63dd896a","author":{"_id":"5f3ca7269584ef298dc172e4","name":"Usman Sabuwala","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1627648591642/VKg_lEi1D.jpeg","isPro":false,"username":"usmanwrites","__typename":"User"},"content":{"html":"

Yeah it is released with VS Code version 1.51. Glad it helped

\n","markdown":"Yeah it is released with VS Code version 1.51. Glad it helped","text":"Yeah it is released with VS Code version 1.51. Glad it helped\n","__typename":"Content"},"dateAdded":"2020-11-10T05:11:04.468Z","stamp":"ckhbio1le03wwozs1csed5jvj","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"5fb018ffb69caa470a3c3774","author":{"_id":"5f133dd0a1826244e3d83237","name":"Deactivated User","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1659089761812/fsOct5gl6.png","isPro":false,"username":"","__typename":"User"},"content":{"html":"

I'm going to create snippet for every thing now 😊. Thanks for sharing

\n","markdown":"I'm going to create snippet for every thing now 😊. Thanks for sharing","text":"I'm going to create snippet for every thing now 😊. Thanks for sharing\n","__typename":"Content"},"dateAdded":"2020-11-14T17:50:55.114Z","stamp":"ckhhzkm87000016s1gza33iwi","totalReactions":0,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mg==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"5f6055e41d6093023c713437","name":"Vivek Tiwari","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1603124598613/-EV29quYf.png","isPro":false,"username":"vivek566","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

✨ How to create Custom Emmet Snippets in VS Code!

3 comments