Skip to content

Timonwa/my-templates

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Templates ✍️

My Default HTML and CSS templates I use when I start a new project. For the article How to Create Your Own Custom Code Snippets Right in Your Code Editor, on freeCodeCamp.

Visit my blog, Timonwa's Notes, for awesome technical content like articles, code snippets, tech goodies, community projects, and more.

Summary

A code snippet is a reusable piece of source code, machine code, or text used in programming. It saves time by eliminating the need to type repetitive code manually. Code snippets are commonly supported in text editors, code editors, and IDEs. This tutorial will explore the process of creating custom snippets.

Breakdown

  • Prerequisites
  • Why Code Snippets are Useful
  • How to Create Custom Code Snippets
    • Step 1: Check if your editor lets you create custom snippets
    • Step 2: Decide your Snippet Scope
    • Step 3: Understand the Syntax
    • Step 4: Add Tab Stops
    • Step 5: Use Placeholders
    • Step 6: Create Choices
  • Snippet Generators
    • How to Use the Snippet Generator
  • Final Snippet Code
  • Recap
  • Resources

Please give this repo a ⭐ if it was helpful to you.