VSTemplate

VSTemplate let you create files and automatically fill them with some custom templates.

Features

• Fill files with default boilerplate
• Create custom files according to the template

Variables

Here are some variables to use in configuration

Configuration

To configure your templates and file you have to edit the vscode configuration file

vstemplate.templates

Example Structure

{
    "React TS Component": [
        "import React from 'react';",
        "",
        "interface ${FILENAME}Props {",
        "};",
        "",
        "const ${FILENAME} = ({}: ${FILENAME}Props) => {",
        "    return <div>",
        "    </div>;",
        "};",
        "",
        "export default ${FILENAME};"
    ]
}

vstemplate.snippets

Example Structure

[
    {
        "pattern": "**/Components/*.tsx",
        "template": "React TS Component",
        "childs": [
            {
                "name": "${FILENAME}.stories.tsx",
                "template": "Some template..."
            }
        ]
    }
]

Credits

The idea came after seeing a PHPStorm feature...