Giter Club home page Giter Club logo

little-template-maker's Introduction

Little Template Maker

Hi! I'm Joel and I got tired of creating the same file structure everytime I made a new component. To solve that hassle I made the Little Template Maker. Your lean mean templating machine.

Make it happen

  1. Hit Cmd+P and write "Little Template Maker".
  2. Pick your template and follow the guide.

Guide

Steps

  1. Pick a template
  2. Pick an existing folder
  3. Optionally add the name of a new child folder to add the template into
  4. Loop thru template variables and assign them
  5. πŸ’ƒπŸ•ΊπŸ¦ Enjoy your new files Β 

Create templates

When you run the command the first time it creates a /.templates folder in your project. Within that folder you build your template with .handlebars files.

Some ground rules

  1. Each template must be a child directory of /.templates
  2. Use Handlebars syntax for creating variables, like so "{{allYourBaseAreBelongsToUs}}"
  3. Within a template you can use folders, files, all the good stuff.
  4. The Little Template Maker will strip all .handlebars files of their extension. If you want your generated file to be named Component.tsx the template filename should be Component.tsx.handlebars.

More good stuff

πŸš€πŸš€πŸš€ Check out my other components: https://marketplace.visualstudio.com/publishers/se-joelsanden

little-template-maker's People

Contributors

simpel avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.