Home Original page

GitHub - EndlessTrax/python-template-snippets: A comprehensive VS Code snippet collection for Jinja2 and Django template engines.

Python Template Snippets Logo

✨ Supercharge your template development workflow ✨

A comprehensive VS Code snippet collection for Jinja2 and Django template engines.

GitHub stars VS Code Marketplace License: MIT

🚀 Why Use This Extension?

Writing template code can be tedious with all those brackets, tags, and syntax. This extension eliminates the repetitive typing by providing smart, tab-completion snippets for common Jinja2 and Django template patterns.

Stop typing this:

{% for item in items %}
  <!-- your code -->
{% endfor %}

Start typing this:

ptfor → Tab → Fill in the blanks!

✨ Features

  • 🎯 20+ carefully crafted snippets for Jinja2 and Django
  • ⚡ Lightning-fast - Type pt prefix and let IntelliSense do the rest
  • 🎨 Smart cursor positioning - Jump to exactly where you need to type
  • 🔄 Multi-cursor support - Tab between placeholders seamlessly
  • 🛠️ Framework-agnostic - Works with Flask, Django, FastAPI, and any Python web framework
  • 📦 Zero configuration - Works out of the box

📦 Installation

From VS Code Marketplace (Recommended)

  1. Open VS Code
  2. Press Ctrl+P / Cmd+P
  3. Type ext install RickyWhite.python-template-snippets
  4. Press Enter and reload VS Code

Manual Installation

  1. Download the latest .vsix from Releases
  2. Open VS Code
  3. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  4. Click the ... menu → Install from VSIX
  5. Select the downloaded file

🎯 Quick Start

  1. Open any HTML file in VS Code
  2. Type pt to see available snippets
  3. Select a snippet from the IntelliSense menu (or type the full prefix)
  4. Press Tab to trigger the snippet
  5. Fill in the placeholders and press Tab to jump between them

💡 Pro Tip

Enable tab completion in your VS Code settings for the best experience:

{
  "editor.tabCompletion": "on"
}

📚 Snippet Reference

All snippets use the pt prefix (short for "Python Template"). Here's the complete reference:

🌐 General Snippets

Works with both Jinja2 and Django

Prefix Description Output
ptnew New HTML template file Complete template with extends and blocks
ptvar Template variable {{ variable }}
ptfilt Variable with filter {{ variable | filter }}
ptcode Code block tag {% code %}
ptblock Block tag {% block name %}...{% endblock %}
ptext Extends tag {% extends 'base.html' %}
ptsup Super function {{ super() }}
ptfor For loop {% for item in items %}...{% endfor %}
ptif If statement {% if condition %}...{% endif %}
ptifel If/else statement {% if %}...{% else %}...{% endif %}
ptelif If/elif/else statement {% if %}...{% elif %}...{% else %}...{% endif %}
ptwith With statement {% with variable %}...{% endwith %}

🔧 Jinja2-Specific Snippets

For Flask, FastAPI, and other Jinja2 projects

Prefix Description Output
ptj-url Static file URL {{ url_for('static', filename='file.css') }}
ptj-mac Macro definition {% macro name %}...{% endmacro %}
ptj-com Comment {# comment #}
ptj-set Set variable {% set var = value %}

🎨 Django-Specific Snippets

For Django projects

Prefix Description Output
ptd-url URL tag {% url 'view-name' args %}
ptd-load Load tag library {% load static %}
ptd-stat Static file {% static 'path/to/file' %}
ptd-inc Include template {% include 'template.html' %}
ptd-firstof First of variables {% firstof var1 var2 %}

💻 Usage Examples

Creating a New Template

Type ptnew and press Tab:

{% extends 'base.html' %}

{% block content %}
  <!-- Your cursor starts here -->
{% endblock content %}

{% block scripts %}
{% endblock scripts %}

Adding a For Loop

Type ptfor and press Tab:

{% for item in items %}
  <!-- Your cursor starts here -->
{% endfor %}

Then tab through: item → items → loop body

Django Static File

Type ptd-stat and press Tab:

{% static 'css/style.css' %}

🤝 Contributing

Found a bug? Want a new snippet? Contributions are welcome!

  1. Report Issues: Open an issue
  2. Request Features: Have an idea? Share it!
  3. Submit PRs: Fork, code, and submit a pull request

Suggesting New Snippets

When requesting a new snippet, please include:

  • The template syntax you want added
  • Which framework it's for (Jinja2/Django/both)
  • A brief description of what it does

📝 Release Notes

See GitHub Releases for the detailed version history and changelog.

💖 Support This Project

This extension is free and open source. If you find it helpful, consider:

📜 License

MIT © Ricky White

🙏 Acknowledgments

Created and maintained by Ricky White

Special thanks to all contributors who have helped improve this extension!

Happy Coding! 🎉

Made with ❤️ for the Python community