How to use VSCode snippets

Coding in Public β€’ May 9, 2023
Video Thumbnail
Coding in Public Logo

Coding in Public

@codinginpublic

About

πŸ‘‹ Hi! My name is Chris Pennington πŸ‘‹ I’m a relative beginner to development and enjoy teaching what I’m learning to others. I mostly teach beginner to intermediate web dev on the channel through project and component builds. Coding in public gives us all the chance to learn together. I’m a learner first and an expert never. Have a suggestion? Leave a comment! We’re all learners and we all learn better when we code together!

Video Description

Custom user snippets are incredibly powerful and can not only speed up your workflow, but improve your accuracy. πŸ”— Key Links πŸ”— - Codepen Link: https://codepen.io/Coding-in-Public/pen/PoyRGXE - Easy Snippet Extension: https://marketplace.visualstudio.com/items?itemName=inu1255.easy-snippet - VSCode Docs: https://code.visualstudio.com/docs/editor/userdefinedsnippets#_assign-keybindings-to-snippets --------------------------------------- ⏲️ Timestamps ⏲️ 0:00 Introduction 1:25 Basic Snippet Syntax 8:10 Advanced: Lists 12:02 Advanced: Filename Variables 15:17 Advanced: Time Variables 16:36 Advanced: Regex replacements 20:03 Advanced: Current Selection 23:01 Conclusion --------------------------------------- 🎨 VSCode Theming - Font: Cascadia Code: https://github.com/microsoft/cascadia-code - Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-community-material-theme - Icons: https://marketplace.visualstudio.com/items?itemName=BeardedBear.beardedicons --------------------------------------- 🌐 Connect With Me 🌐 - Website: https://codinginpublic.dev - Blog: https://chrispennington.blog - Twitter: https://twitter.com/cpenned - Patreon: https://www.patreon.com/coding_in_public - Buy Me a Coffee: https://www.buymeacoffee.com/chrispennington