{"id":23658933,"url":"https://github.com/manuelgil/vscode-typescript-generator","last_synced_at":"2026-04-16T01:32:41.143Z","repository":{"id":268827373,"uuid":"905571384","full_name":"ManuelGil/vscode-typescript-generator","owner":"ManuelGil","description":"Simplifies TypeScript development by providing customizable templates for generating TypeScript classes, interfaces, enums, types, functions, and variables directly from VS Code","archived":false,"fork":false,"pushed_at":"2025-02-01T02:21:37.000Z","size":883,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-13T12:58:53.195Z","etag":null,"topics":["code-generator","file-generator","typescript","typescript-codegen","typescript-files","typescript-generator","vscode","vscode-extension","vscode-file-utils"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-typescript-generator","language":"TypeScript","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":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2024-12-19T05:19:05.000Z","updated_at":"2025-02-01T02:21:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"0ebd822d-ddbf-49e4-a2d1-102293a53395","html_url":"https://github.com/ManuelGil/vscode-typescript-generator","commit_stats":null,"previous_names":["manuelgil/vscode-typescript-generator"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-typescript-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-typescript-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-typescript-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-typescript-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManuelGil","download_url":"https://codeload.github.com/ManuelGil/vscode-typescript-generator/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239644165,"owners_count":19673578,"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":["code-generator","file-generator","typescript","typescript-codegen","typescript-files","typescript-generator","vscode","vscode-extension","vscode-file-utils"],"created_at":"2024-12-29T01:48:17.266Z","updated_at":"2026-04-16T01:32:41.124Z","avatar_url":"https://github.com/ManuelGil.png","language":"TypeScript","funding_links":["https://github.com/sponsors/ManuelGil","https://ko-fi.com/ManuelGil","https://paypal.me/ManuelFGil","https://www.buymeacoffee.com/ManuelGil"],"categories":[],"sub_categories":[],"readme":"# Auto TS Generator\n\n[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/imgildev.vscode-typescript-generator?style=for-the-badge\u0026label=VS%20Marketplace\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-typescript-generator)\n[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/imgildev.vscode-typescript-generator?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-typescript-generator)\n[![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/imgildev.vscode-typescript-generator?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-typescript-generator)\n[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/imgildev.vscode-typescript-generator?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-typescript-generator\u0026ssr=false#review-details)\n[![GitHub Repo stars](https://img.shields.io/github/stars/ManuelGil/vscode-typescript-generator?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-typescript-generator)\n[![GitHub license](https://img.shields.io/github/license/ManuelGil/vscode-typescript-generator?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-typescript-generator/blob/main/LICENSE)\n\n_A powerful VSCode-based editor extension that accelerates TypeScript development by generating structured, customizable files with a single click._\n\n## Overview\n\n**Auto TS Generator** empowers you to scaffold TypeScript classes, interfaces, enums, functions, React components, Node/Express/Fastify modules and servers, and more, directly from VSCode, VSCodium, WindSurf, Cursor, or any compatible editor.\n\n![Auto TS Generator](https://raw.githubusercontent.com/ManuelGil/vscode-typescript-generator/main/images/auto-ts-generator.gif)\n\n## Index\n\n- [Auto TS Generator](#auto-ts-generator)\n  - [Overview](#overview)\n  - [Index](#index)\n  - [Key Features](#key-features)\n  - [Usage](#usage)\n  - [Project Setup](#project-setup)\n  - [Settings Configuration](#settings-configuration)\n    - [Recommended Quick Mode](#recommended-quick-mode)\n  - [Custom Templates](#custom-templates)\n  - [Template Variables](#template-variables)\n  - [Installation](#installation)\n  - [Resources](#resources)\n  - [Contributing](#contributing)\n  - [Code of Conduct](#code-of-conduct)\n  - [Changelog](#changelog)\n  - [Authors](#authors)\n  - [Follow Me](#follow-me)\n  - [Other Extensions](#other-extensions)\n  - [Recommended Browser Extension](#recommended-browser-extension)\n  - [License](#license)\n\n## Key Features\n\n| Feature                             | Description                                                                                                                                   |\n| ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |\n| **Customizable Templates**          | Define your own boilerplate for classes, interfaces, enums, services, components, and more.                                                   |\n| **Dynamic Variables**               | Over 30 template placeholders, naming formats (`PascalCase`, `kebab-case`, etc.), dates, metadata.                                            |\n| **Smart Generate**                  | Use a single `Auto TS: Generate` command to pick what to scaffold from one contextual flow.                                                   |\n| **Auto Import**                     | Automatically add new exports to barrel files or insert import statements in open files.                                                      |\n| **Context-Aware Target Resolution** | Reuses the active folder/file context and selected workspace so generation starts where you are already working.                              |\n| **Rich Command Palette**            | Commands for generating `class`, `interface`, `enum`, `type`, `function`, `variable` and framework artifacts (React, Node, Express, Fastify). |\n| **Context Menu Integration**        | Right-click on any folder in Explorer, choose **Auto TS Generator**, and pick your artifact.                                                  |\n| **Project-Level Configuration**     | Control file extensions, formatting, naming conventions, header comments, and more via `settings.json`.                                       |\n| **VSCode-based Editor Support**     | Compatible with VSCode, VSCodium, WindSurf, Cursor, and any editor implementing the VSCode extension API.                                     |\n| **Version \u0026 Update Notifications**  | First-run welcome message, release notes prompt after upgrades, and auto-check for new releases.                                              |\n\n## Usage\n\n1. **Explorer Context Menu**\n  Right-click on a folder → **Auto TS Generator** → select a file type:\n   - **Generic**: Class · Interface · Enum · Type · Function · Variable\n   - **Custom Component**: Your own user-defined template\n   - **Node**: Module · Server\n   - **Express**: Controller · Middleware · Route · Server\n   - **Fastify**: Controller · Middleware · Route · Server\n   - **React**: Functional Component\n\n   All generation commands remain available from this menu. Context signals are used to improve ordering and recommendations, not to hide commands.\n\n2. **Command Palette**\n   Press `Ctrl+Shift+P` (Windows/Linux) or `Cmd+Shift+P` (macOS), type `Auto TS`, and select any of the above commands.\n\n   Recommended primary entry point:\n\n   - **Auto TS: Generate** → select a file type in one place.\n   - Smart Generate shows grouped options (**Recommended** and **Other**) and preselects the top contextual recommendation.\n\n3. **Automatic Update Check**\n   On activation, the extension compares its version with the Marketplace's latest. If a newer version exists, you'll be prompted to update.\n\n## Project Setup\n\n1. **Open VS Code Command Palette**\n   - Windows: `Ctrl + Shift + P`\n   - macOS: `Cmd + Shift + P`\n\n2. **Open Workspace Settings**\n   - Type `Preferences: Open Workspace Settings (JSON)`.\n\n3. **Add Configuration to `.vscode/settings.json`**\n\n   ```json\n   {\n     \"autoTS.enable\": true,\n     \"autoTS.files.defaultLanguage\": \"TypeScript\",\n     \"autoTS.files.fileExtension\": \"ts\",\n    \"autoTS.files.skipFolderConfirmation\": true,\n     \"autoTS.files.includeTypeInFileName\": false,\n     \"autoTS.files.skipTypeSelection\": true,\n    \"autoTS.files.autoImport\": true,\n     \"autoTS.files.defaultBarrelFileName\": \"index\",\n     \"autoTS.formatting.useSingleQuotes\": true,\n     \"autoTS.formatting.excludeSemiColonAtEndOfLine\": false,\n     \"autoTS.formatting.keepExtensionOnExport\": false,\n     \"autoTS.formatting.endOfLine\": \"lf\",\n     \"autoTS.formatting.useStrict\": false,\n     \"autoTS.formatting.headerCommentTemplate\": [],\n     \"autoTS.formatting.insertFinalNewline\": true,\n     \"autoTS.project.author\": \"Jane Doe\",\n     \"autoTS.project.owner\": \"Jane Doe\",\n     \"autoTS.project.maintainers\": \"Jane Doe, John Doe\",\n     \"autoTS.project.license\": \"MIT\",\n     \"autoTS.project.version\": \"1.0.0\",\n     \"autoTS.templates.customComponents\": [\n       {\n         \"name\": \"Service\",\n         \"description\": \"Generates a service file\",\n         \"type\": \"service\",\n         \"template\": [\"import { Injectable } from '@angular/core';\", \"\", \"@Injectable({\", \"  providedIn: 'root'\", \"})\", \"export class {{fileNamePascalCase}}Service {\", \"\", \"  constructor() { }\", \"\", \"}\"]\n       },\n       {\n         \"name\": \"Component\",\n         \"description\": \"Generates a component file\",\n         \"type\": \"component\",\n         \"template\": [\"import { Component, OnInit } from '@angular/core';\", \"\", \"@Component({\", \"  selector: 'app-{{fileName}}',\", \"  templateUrl: './{{fileName}}.component.html',\", \"  styleUrls: ['./{{fileName}}.component.scss']\", \"})\", \"export class {{fileNamePascalCase}}Component implements OnInit {\", \"\", \"  constructor() { }\", \"\", \"  ngOnInit(): void { }\", \"\", \"}\"]\n       }\n     ]\n   }\n   ```\n\n4. **Restart VS Code** to apply the settings.\n\n## Settings Configuration\n\nYou can customize the behavior of **Auto TS Generator** by modifying the settings in your `.vscode/settings.json` file. Below is a list of configurable options:\n\n- `autoTS.enable`: Toggle the extension on or off. Default is `true`.\n- `autoTS.files.defaultLanguage`: Set the default language for generated files. Default is `TypeScript`.\n- `autoTS.files.fileExtension`: Set the file extension for generated files. Default is `.ts`.\n- `autoTS.files.skipFolderConfirmation`: Skip the folder confirmation dialog when creating files. Default is `true`.\n- `autoTS.files.includeTypeInFileName`: Add the type to the file name (e.g., `myNewFile.component`). Default is `false`.\n- `autoTS.files.skipTypeSelection`: Skip the type selection dialog when creating files. Default is `true`.\n- `autoTS.files.autoImport`: Automatically imports generated files. Default is `true`.\n- `autoTS.files.defaultBarrelFileName`: Default name for barrel files (e.g., `index`). Default is `index`.\n- `autoTS.formatting.useSingleQuotes`: Format code with single quotes. Default is `true`.\n- `autoTS.formatting.excludeSemiColonAtEndOfLine`: Exclude semicolons at the end of lines. Default is `false`.\n- `autoTS.formatting.keepExtensionOnExport`: Keep file extension on exports. Default is `false`.\n- `autoTS.formatting.endOfLine`: Set the end-of-line character (e.g., `lf`). Default is `lf`.\n- `autoTS.formatting.useStrict`: Enable strict mode in generated files. Default is `false`.\n- `autoTS.formatting.headerCommentTemplate`: Custom header comment template for generated files. Default is an empty array.\n- `autoTS.formatting.insertFinalNewline`: Insert a final newline at the end of files. Default is `true`.\n- `autoTS.project.author`: Set the author of the project. Default is an empty string.\n- `autoTS.project.owner`: Set the owner of the project. Default is an empty string.\n- `autoTS.project.maintainers`: Set the maintainers of the project. Default is an empty string.\n- `autoTS.project.license`: Set the license of the project. Default is `MIT`.\n- `autoTS.project.version`: Set the version of the project. Default is `1.0.0`.\n- `autoTS.templates.customComponents`: Custom templates for generating components (e.g., services, components). Default is an empty array.\n\nYou can modify these settings to suit your project's requirements and coding standards.\n\n### Recommended Quick Mode\n\nTo minimize prompts and speed up generation, keep these defaults enabled:\n\n```json\n{\n  \"autoTS.files.skipFolderConfirmation\": true,\n  \"autoTS.files.autoImport\": true\n}\n```\n\nBenefits:\n\n- Fewer interactive steps per generated file\n- Faster export/barrel updates without manual edits\n- Better flow when generating multiple files in sequence\n\nThe extension also keeps your selected workspace folder in multi-root setups and automatically resolves generation context from your active editor when possible.\n\n## Custom Templates\n\nAdd user-defined templates under `autoTS.templates.customComponents`:\n\n- `name`: Template name (e.g., `Service`).\n- `description`: Brief description.\n- `type`: File type (e.g., `service`).\n- `template`: Array of strings representing file content; use template variables.\n\n## Template Variables\n\n| Variable                           | Description                          | Example Value            |\n| ---------------------------------- | ------------------------------------ | ------------------------ |\n| `{{fileName}}`                     | Original file name                   | `myNewFile`              |\n| `{{fileNameCamelCase}}`            | CamelCase                            | `myNewFile`              |\n| `{{fileNamePascalCase}}`           | PascalCase                           | `MyNewFile`              |\n| `{{fileNameKebabCase}}`            | kebab-case                           | `my-new-file`            |\n| `{{fileNameSnakeCase}}`            | snake_case                           | `my_new_file`            |\n| `{{fileNameConstantCase}}`         | CONSTANT_CASE                        | `MY_NEW_FILE`            |\n| `{{fileNameDotCase}}`              | dot.case                             | `my.new.file`            |\n| `{{fileNamePathCase}}`             | path/case                            | `my/new/file`            |\n| `{{fileNameSentenceCase}}`         | Sentence case                        | `My new file`            |\n| `{{fileNameLowerCase}}`            | Lowercase                            | `my new file`            |\n| `{{fileNameTitleCase}}`            | Title Case                           | `My New File`            |\n| `{{fileNamePluralCase}}`           | Pluralized                           | `myNewFiles`             |\n| `{{fileNameSingularCase}}`         | Singularized                         | `myNewFile`              |\n| `{{fileNameWithTypeAndExtension}}` | File name + type + extension         | `myNewFile.component.ts` |\n| `{{fileNameWithType}}`             | File name + type                     | `myNewFile.component`    |\n| `{{fileNameWithExtension}}`        | File name + extension                | `myNewFile.ts`           |\n| `{{folderName}}`                   | Parent folder name                   | `src/components`         |\n| `{{fileType}}`                     | File type (component, service, etc.) | `component`              |\n| `{{fileTypeName}}`                 | File type in Title Case              | `Service`                |\n| `{{fileTypeNameCamelCase}}`        | File type in camelCase               | `service`                |\n| `{{fileTypeNamePascalCase}}`       | File type in PascalCase              | `Service`                |\n| `{{fileTypeNameKebabCase}}`        | File type in kebab-case              | `service`                |\n| `{{fileTypeNameSnakeCase}}`        | File type in snake_case              | `service`                |\n| `{{fileTypeNameConstantCase}}`     | File type in CONSTANT_CASE           | `SERVICE`                |\n| `{{fileTypeNameDotCase}}`          | File type in dot.case                | `service`                |\n| `{{fileTypeNamePathCase}}`         | File type in path/case               | `service`                |\n| `{{fileTypeNameSentenceCase}}`     | File type in Sentence case           | `Service`                |\n| `{{fileTypeNameLowerCase}}`        | File type in lowercase               | `service`                |\n| `{{fileTypeNameUpperCase}}`        | File type in uppercase               | `SERVICE`                |\n| `{{fileTypeNamePlural}}`           | File type plural                     | `services`               |\n| `{{fileTypeNameSingular}}`         | File type singular                   | `service`                |\n| `{{fileTypeWithExtension}}`        | File type + extension                | `service.ts`             |\n| `{{fileExtension}}`                | File extension                       | `ts`                     |\n| `{{date}}`                         | Current date                         | `2025-01-31`             |\n| `{{year}}`                         | Current year                         | `2025`                   |\n| `{{time}}`                         | Current time                         | `12:34:56`               |\n| `{{timestamp}}`                    | Unix timestamp                       | `1672531199`             |\n| `{{timestampISO}}`                 | ISO timestamp                        | `2025-01-31T12:34:56Z`   |\n| `{{author}}`                       | Project author                       | `Jane Doe`               |\n| `{{owner}}`                        | Project owner                        | `Jane Doe`               |\n| `{{maintainers}}`                  | Project maintainers                  | `Jane Doe, John Doe`     |\n| `{{license}}`                      | Project license                      | `MIT`                    |\n| `{{version}}`                      | Project version                      | `1.0.0`                  |\n\n## Installation\n\n1. Open your VSCode-based editor (VSCode, VSCodium, WindSurf, Cursor).\n2. Go to **Extensions** (`Ctrl+Shift+X` / `Cmd+Shift+X`).\n3. Search for **\"Auto TS Generator\"** (author: Manuel Gil).\n4. Click **Install**.\n5. (Optional) Clone or download the repo and open it to test the latest dev version.\n\n## Resources\n\n- **VSCode Marketplace**\n  [https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-typescript-generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-typescript-generator)\n\n- **Open VSX**\n  [https://open-vsx.org/extension/imgildev/vscode-typescript-generator](https://open-vsx.org/extension/imgildev/vscode-typescript-generator)\n\n- **GitHub Repository**\n  [https://github.com/ManuelGil/vscode-typescript-generator](https://github.com/ManuelGil/vscode-typescript-generator)\n\n## Contributing\n\nAuto TS Generator is open-source and welcomes community contributions:\n\n1. Fork the [GitHub repository](https://github.com/ManuelGil/vscode-typescript-generator).\n2. Create a new branch:\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 against the `main` branch.\n\nBefore contributing, please review the [Contribution Guidelines](https://github.com/ManuelGil/vscode-typescript-generator/blob/main/CONTRIBUTING.md) for coding standards, testing, and commit message conventions. Open an Issue if you find a bug or want to request a new feature.\n\n## Code of Conduct\n\nWe are committed to providing a friendly, safe, and welcoming environment for all, regardless of gender, sexual orientation, disability, ethnicity, religion, or other personal characteristic. Please review our [Code of Conduct](https://github.com/ManuelGil/vscode-typescript-generator/blob/main/CODE_OF_CONDUCT.md) before participating in our community.\n\n## Changelog\n\nFor a complete list of changes, see the [CHANGELOG.md](https://github.com/ManuelGil/vscode-typescript-generator/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-typescript-generator/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-typescript-generator/blob/main/LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanuelgil%2Fvscode-typescript-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanuelgil%2Fvscode-typescript-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanuelgil%2Fvscode-typescript-generator/lists"}