{"id":14156253,"url":"https://github.com/ManuelGil/vscode-mustache-snippets","last_synced_at":"2025-08-06T02:32:40.427Z","repository":{"id":109049454,"uuid":"341043998","full_name":"ManuelGil/vscode-mustache-snippets","owner":"ManuelGil","description":"This extension provides Mustache template engine support for Visual Studio Code. It helps you to write your Mustache files with syntax highlighting and code completion.","archived":false,"fork":false,"pushed_at":"2024-11-19T03:40:33.000Z","size":1449,"stargazers_count":7,"open_issues_count":2,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-12-02T23:42:15.673Z","etag":null,"topics":["autocomplete","autocomplete-functionality","completion","grammars","grammars-utility","latam","mustache","mustache-implementations","mustache-templates","mustache-templating","mustachejs","snippets","snippets-collection","snippets-collections","snippets-library","snippets-plugin","syntax","template","template-language","template-matching"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-mustache-snippets","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ManuelGil.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["ManuelGil"],"ko_fi":"ManuelGil","custom":["https://paypal.me/ManuelFGil","https://www.buymeacoffee.com/ManuelGil"]}},"created_at":"2021-02-22T01:18:07.000Z","updated_at":"2024-11-19T03:40:37.000Z","dependencies_parsed_at":"2023-11-28T23:27:42.469Z","dependency_job_id":"d0a5ad42-902d-45ca-9b60-7e77606440fd","html_url":"https://github.com/ManuelGil/vscode-mustache-snippets","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-mustache-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-mustache-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-mustache-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-mustache-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManuelGil","download_url":"https://codeload.github.com/ManuelGil/vscode-mustache-snippets/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228829117,"owners_count":17978157,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autocomplete","autocomplete-functionality","completion","grammars","grammars-utility","latam","mustache","mustache-implementations","mustache-templates","mustache-templating","mustachejs","snippets","snippets-collection","snippets-collections","snippets-library","snippets-plugin","syntax","template","template-language","template-matching"],"created_at":"2024-08-17T08:05:19.549Z","updated_at":"2025-08-06T02:32:40.405Z","avatar_url":"https://github.com/ManuelGil.png","language":"JavaScript","funding_links":["https://github.com/sponsors/ManuelGil","https://ko-fi.com/ManuelGil","https://paypal.me/ManuelFGil","https://www.buymeacoffee.com/ManuelGil"],"categories":["others"],"sub_categories":[],"readme":"# {{ mustache }} for VSCode\n\n[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/imgildev.vscode-mustache-snippets?style=for-the-badge\u0026label=VS%20Marketplace\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-mustache-snippets)\n[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/imgildev.vscode-mustache-snippets?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-mustache-snippets)\n[![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/imgildev.vscode-mustache-snippets?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-mustache-snippets)\n[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/imgildev.vscode-mustache-snippets?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-mustache-snippets\u0026ssr=false#review-details)\n[![GitHub Repo stars](https://img.shields.io/github/stars/ManuelGil/vscode-mustache-snippets?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-mustache-snippets)\n[![GitHub license](https://img.shields.io/github/license/ManuelGil/vscode-mustache-snippets?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-mustache-snippets/blob/main/LICENSE)\n\n\u003e Advanced support for Mustache templates: syntax highlighting, completion, snippets, and file generation.\n\n## Overview\n\nThis extension enhances Mustache template editing by providing:\n\n- **Syntax highlighting** and tag matching\n- **Code completion** for built‑in sections and delimiters\n- **Customizable snippets** for layout, sections, comments, includes, and more\n- **Commands** to generate new `.mustache` files in the workspace\n- **Delimiter adjustment** to convert existing templates to alternate markers\n\n![Mustache File Generator Demo](https://raw.githubusercontent.com/ManuelGil/vscode-mustache-snippets/main/images/demo.gif)\n\n## Requirements\n\n- Visual Studio Code 1.46.0 or later (also compatible with VSCodium, WindSurf, Cursor, etc.)\n\n## Installation\n\n1. Open **Visual Studio Code**.\n2. Open the **Extensions** view (`Ctrl+Shift+X` on Windows/Linux or `⌘+Shift+X` on macOS).\n3. Search for **Mustache Templates - Syntax Highlighting, Snippets \u0026 Autocomplete** or install directly from the [Marketplace](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-mustache-snippets).\n4. Click **Install** and reload the editor if prompted.\n\n## Usage\n\n### Generate New Mustache File\n\n- **Command Palette**: run **Mustache: Generate New Mustache File**\n- **Explorer Context Menu**: right‑click a folder and select **Generate New Mustache File**\n\nYou will be prompted for a file name; a new `.mustache` file is created and opened.\n\n### Change Delimiters\n\n- Select a section of template text\n- Run **Mustache: Change Delimiters** from the Command Palette\n- Enter the current and desired delimiters (e.g. `{{ }} → [[ ]]`)\n\nAll matching tags in the selection will be updated.\n\n### Snippet Expansion\n\nType a snippet prefix in a `.mustache` file and press **Tab** to expand:\n\n| Prefix     | Expansion                        |\n| ---------- | -------------------------------- |\n| `layout`   | Basic HTML layout block          |\n| `block`    | `{{#name}} … {{/name}}`          |\n| `section`  | `{{#name}} … {{/name}}`          |\n| `inverted` | `{{^name}} … {{/name}}`          |\n| `comment`  | `{{! comment }}`                 |\n| `override` | `{{!-- comment --!}}`            |\n| `include`  | `{{\u003e template}}`                 |\n| `extends`  | `{{\u003c template}} … {{/template}}` |\n\n![Mustache Snippets Demo](https://raw.githubusercontent.com/ManuelGil/vscode-mustache-snippets/main/images/snippets.gif)\n\n## Configuration\n\nAdd to your workspace `.vscode/settings.json`:\n\n```jsonc\n{\n  \"mustache.delimiters\": {\n    \"left\": \"{{\",\n    \"right\": \"}}\"\n  }\n}\n```\n\nThis setting applies when generating new files; syntax highlighting and snippets remain unaffected.\n\n## Contributing\n\nContributions to the **Mustache Templates - Syntax Highlighting, Snippets \u0026 Autocomplete** are welcome and appreciated. To contribute:\n\n1. Fork the [GitHub repository](https://github.com/ManuelGil/vscode-mustache-snippets).\n2. Create a new branch for your feature or fix:\n\n   ```bash\n   git checkout -b feature/your-feature\n   ```\n\n3. Make your changes, commit them, and push to your fork.\n4. Submit a Pull Request targeting the `main` branch.\n\nBefore contributing, please review the [Contribution Guidelines](https://github.com/ManuelGil/vscode-mustache-snippets/blob/main/CONTRIBUTING.md) for coding standards, testing, and commit message conventions. If you encounter a bug or wish to request a new feature, please open an Issue.\n\n## Changelog\n\nFor a complete list of changes, see the [CHANGELOG.md](https://github.com/ManuelGil/vscode-mustache-snippets/blob/main/CHANGELOG.md).\n\n## Authors\n\n- **Manuel Gil** - _Owner_ - [@ManuelGil](https://github.com/ManuelGil)\n\nFor a complete list of contributors, please refer to the [contributors](https://github.com/ManuelGil/vscode-mustache-snippets/contributors) page.\n\n## Follow Me\n\n- **GitHub**: [![GitHub followers](https://img.shields.io/github/followers/ManuelGil?style=for-the-badge\\\u0026logo=github)](https://github.com/ManuelGil)\n- **X (formerly Twitter)**: [![X Follow](https://img.shields.io/twitter/follow/imgildev?style=for-the-badge\\\u0026logo=x)](https://twitter.com/imgildev)\n\n## Other Extensions\n\n- **[Auto Barrel](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-auto-barrel)**\n  Automatically generates and maintains barrel (`index.ts`) files for your TypeScript projects.\n\n- **[Angular File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-generator)**\n  Generates boilerplate and navigates your Angular (9→20+) project from within the editor, with commands for components, services, directives, modules, pipes, guards, reactive snippets, and JSON2TS transformations.\n\n- **[NestJS File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nestjs-generator)**\n  Simplifies creation of controllers, services, modules, and more for NestJS projects, with custom commands and Swagger snippets.\n\n- **[NestJS Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nestjs-snippets-extension)**\n  Ready-to-use code patterns for creating controllers, services, modules, DTOs, filters, interceptors, and more in NestJS.\n\n- **[T3 Stack / NextJS / ReactJS File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nextjs-generator)**\n  Automates file creation (components, pages, hooks, API routes, etc.) in T3 Stack (Next.js, React) projects and can start your dev server from VSCode.\n\n- **[Drizzle ORM Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-drizzle-snippets)**\n  Collection of code snippets to speed up Drizzle ORM usage, defines schemas, migrations, and common database operations in TypeScript/JavaScript.\n\n- **[CodeIgniter 4 Spark](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-codeigniter4-spark)**\n  Scaffolds controllers, models, migrations, libraries, and CLI commands in CodeIgniter 4 projects using Spark, directly from the editor.\n\n- **[CodeIgniter 4 Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-codeigniter4-snippets)**\n  Snippets for accelerating development with CodeIgniter 4, including controllers, models, validations, and more.\n\n- **[CodeIgniter 4 Shield Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-codeigniter4-shield-snippets)**\n  Snippets tailored to CodeIgniter 4 Shield for faster authentication and security-related code.\n\n- **[Mustache Template Engine - Snippets \u0026 Autocomplete](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-mustache-snippets)**\n  Snippets and autocomplete support for Mustache templates, making HTML templating faster and more reliable.\n\n## Recommended Browser Extension\n\nFor developers who work with `.vsix` files for offline installations or distribution, the complementary [**One-Click VSIX**](https://chromewebstore.google.com/detail/imojppdbcecfpeafjagncfplelddhigc?utm_source=item-share-cb) extension is recommended, available for both Chrome and Firefox.\n\n\u003e **One-Click VSIX** integrates a direct \"Download Extension\" button into each VSCode Marketplace page, ensuring the file is saved with the `.vsix` extension, even if the server provides a `.zip` archive. This simplifies the process of installing or sharing extensions offline by eliminating the need for manual file renaming.\n\n- [Get One-Click VSIX for Chrome \u0026rarr;](https://chromewebstore.google.com/detail/imojppdbcecfpeafjagncfplelddhigc?utm_source=item-share-cb)\n- [Get One-Click VSIX for Firefox \u0026rarr;](https://addons.mozilla.org/es-ES/firefox/addon/one-click-vsix/)\n\n## License\n\nThis project is licensed under the **MIT License**. See the [LICENSE](https://github.com/ManuelGil/vscode-mustache-snippets/blob/main/LICENSE) file for full details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FManuelGil%2Fvscode-mustache-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FManuelGil%2Fvscode-mustache-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FManuelGil%2Fvscode-mustache-snippets/lists"}