{"id":28764911,"url":"https://github.com/manuelgil/vscode-angular-starter-pack","last_synced_at":"2026-05-16T22:06:10.088Z","repository":{"id":264969094,"uuid":"807646423","full_name":"ManuelGil/vscode-angular-starter-pack","owner":"ManuelGil","description":"This starter extension pack includes some of the minimum extensions to get you started with Angular development in Visual Studio Code.","archived":false,"fork":false,"pushed_at":"2025-07-06T17:10:25.000Z","size":150,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-27T18:47:25.738Z","etag":null,"topics":["angular","extension-pack","starter","stater-kit","vscode-extension","vscode-extension-pack"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-starter-pack","language":null,"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,"zenodo":null},"funding":{"github":"ManuelGil","buy_me_a_coffee":"ManuelGil","ko_fi":"ManuelGil"}},"created_at":"2024-05-29T13:56:01.000Z","updated_at":"2025-07-06T17:10:00.000Z","dependencies_parsed_at":"2024-11-27T02:19:06.362Z","dependency_job_id":"42dadca5-2f83-4f36-b0a1-5616dd78b7e5","html_url":"https://github.com/ManuelGil/vscode-angular-starter-pack","commit_stats":null,"previous_names":["manuelgil/vscode-angular-starter-pack"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/ManuelGil/vscode-angular-starter-pack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-angular-starter-pack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-angular-starter-pack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-angular-starter-pack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-angular-starter-pack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManuelGil","download_url":"https://codeload.github.com/ManuelGil/vscode-angular-starter-pack/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-angular-starter-pack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33120456,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T18:38:32.183Z","status":"ssl_error","status_checked_at":"2026-05-16T18:38:29.903Z","response_time":115,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["angular","extension-pack","starter","stater-kit","vscode-extension","vscode-extension-pack"],"created_at":"2025-06-17T10:12:52.091Z","updated_at":"2026-05-16T22:06:10.071Z","avatar_url":"https://github.com/ManuelGil.png","language":null,"funding_links":["https://github.com/sponsors/ManuelGil","https://buymeacoffee.com/ManuelGil","https://ko-fi.com/ManuelGil"],"categories":[],"sub_categories":[],"readme":"# Angular Starter Extension Pack\n\n[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/imgildev.vscode-angular-starter-pack?style=for-the-badge\u0026label=VS%20Marketplace\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-starter-pack)\n[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/imgildev.vscode-angular-starter-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-starter-pack)\n[![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/imgildev.vscode-angular-starter-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-starter-pack)\n[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/imgildev.vscode-angular-starter-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-starter-pack\u0026ssr=false#review-details)\n[![GitHub Repo stars](https://img.shields.io/github/stars/ManuelGil/vscode-angular-starter-pack?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-angular-starter-pack)\n[![GitHub license](https://img.shields.io/github/license/ManuelGil/vscode-angular-starter-pack?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-angular-starter-pack/blob/main/LICENSE)\n\n\u003e A minimal collection of Visual Studio Code extensions to kick‑start professional Angular development.\n\n## Why This Pack?\n\nStarting a new Angular project demands a concise set of tools for code generation, template validation, style consistency, and file navigation. The **Angular Starter Extension Pack** aggregates the most essential and reliable VS Code extensions, enabling developers to:\n\n- Scaffold Angular artifacts directly within the editor.\n- Benefit from real‑time template diagnostics and code snippets.\n- Enforce consistent code style and formatting from day one.\n- Improve HTML/CSS editing with tag auto‑completion and highlighting.\n- Access utilities for import management, error insights, and file previews.\n\n## Getting Started\n\nTo begin using the Angular Starter Extension Pack, follow these steps:\n\n1. Install [Visual Studio Code](https://code.visualstudio.com/).\n2. Open the **Extensions** view (`Ctrl+Shift+X` on Windows/Linux or `⌘+Shift+X` on macOS).\n3. Search for **Angular Starter Extension Pack** or install directly from the [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-starter-pack).\n4. Reload Visual Studio Code to activate all included extensions.\n\n## Included Extensions\n\n| Category                    | Extension \u0026 Link                                                                                                |\n| --------------------------- | --------------------------------------------------------------------------------------------------------------- |\n| **Angular Core**            | [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template)             |\n|                             | [Angular Snippets](https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2)                       |\n|                             | [Angular File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-generator) |\n| **Code Style \u0026 Formatting** | [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)                            |\n|                             | [Prettier – Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)         |\n|                             | [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=editorconfig.editorconfig)       |\n|                             | [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)               |\n|                             | [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)                    |\n|                             | [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces)               |\n| **HTML \u0026 CSS**              | [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)              |\n|                             | [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)            |\n|                             | [Highlight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag)   |\n| **Utilities**               | [Auto Barrel](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-auto-barrel)                  |\n|                             | [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)                          |\n|                             | [Image Preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)        |\n|                             | [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)     |\n|                             | [Pretty TypeScript Errors](https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors)        |\n\n## Contributing\n\nContributions to the Angular Starter Extension Pack are welcome and appreciated. To contribute:\n\n1. Fork the [GitHub repository](https://github.com/ManuelGil/vscode-angular-starter-pack).\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-angular-starter-pack/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-angular-starter-pack/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-angular-starter-pack/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-angular-starter-pack/blob/main/LICENSE) file for full details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanuelgil%2Fvscode-angular-starter-pack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanuelgil%2Fvscode-angular-starter-pack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanuelgil%2Fvscode-angular-starter-pack/lists"}