{"id":21101254,"url":"https://github.com/manuelgil/vscode-nx-pack","last_synced_at":"2025-10-08T19:08:50.230Z","repository":{"id":212530707,"uuid":"731713909","full_name":"ManuelGil/vscode-nx-pack","owner":"ManuelGil","description":"This extension pack for Visual Studio Code adds extensions that are amazingly useful for Nx, Angular, Nest, Next, TypeScript, and JavaScript development.","archived":false,"fork":false,"pushed_at":"2024-11-17T05:14:21.000Z","size":13,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-11-17T06:19:29.806Z","etag":null,"topics":["angular","javascript","js","nest","nestjs","next","nextjs","nx","nx-workspace","react","reactjs","ts","typescript","vscode"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nx-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":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":"2023-12-14T17:47:13.000Z","updated_at":"2024-11-17T05:14:25.000Z","dependencies_parsed_at":"2024-11-17T06:19:21.621Z","dependency_job_id":"86c24fe0-4954-4de7-b7f8-e87f2e238528","html_url":"https://github.com/ManuelGil/vscode-nx-pack","commit_stats":null,"previous_names":["manuelgil/vscode-nx-pack"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-nx-pack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-nx-pack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-nx-pack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManuelGil%2Fvscode-nx-pack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManuelGil","download_url":"https://codeload.github.com/ManuelGil/vscode-nx-pack/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225444759,"owners_count":17475353,"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":["angular","javascript","js","nest","nestjs","next","nextjs","nx","nx-workspace","react","reactjs","ts","typescript","vscode"],"created_at":"2024-11-19T23:43:46.273Z","updated_at":"2025-10-08T19:08:50.225Z","avatar_url":"https://github.com/ManuelGil.png","language":null,"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":"# Nx Essential Extension Pack\n\n[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/imgildev.vscode-nx-pack?style=for-the-badge\u0026label=VS%20Marketplace\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nx-pack)\n[![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/imgildev.vscode-nx-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nx-pack)\n[![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/imgildev.vscode-nx-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nx-pack)\n[![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/imgildev.vscode-nx-pack?style=for-the-badge\u0026logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nx-pack\u0026ssr=false#review-details)\n[![GitHub Repo stars](https://img.shields.io/github/stars/ManuelGil/vscode-nx-pack?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-nx-pack)\n[![GitHub license](https://img.shields.io/github/license/ManuelGil/vscode-nx-pack?style=for-the-badge\u0026logo=github)](https://github.com/ManuelGil/vscode-nx-pack/blob/main/LICENSE)\n\n\u003e A carefully selected set of Visual Studio Code extensions to accelerate Nx, Angular, NestJS, Next.js, TypeScript, and JavaScript development.\n\n## Requirements\n\n- Visual Studio Code 1.46.0 or later\n\n## Installation\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 **Nx Essential Extension Pack** or install directly from the [Marketplace](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nx-pack).\n4. Reload the editor to activate all included extensions.\n\n## Extensions Included\n\n| Category            | Extension                                                                                                        |\n| ------------------- | ---------------------------------------------------------------------------------------------------------------- |\n| **Nx**              | [Nx Console](https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console)                           |\n| **Angular**         | [Angular Language Service](https://marketplace.visualstudio.com/items?itemName=angular.ng-template)              |\n|                     | [Angular Snippets (v16)](https://marketplace.visualstudio.com/items?itemName=johnpapa.angular2)                  |\n|                     | [Angular File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-angular-generator)  |\n|                     | [Karma Test Explorer](https://marketplace.visualstudio.com/items?itemName=lucono.karma-test-explorer)            |\n| **NestJS**          | [NestJS File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nestjs-generator)    |\n|                     | [NestJS Snippets](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nestjs-snippets-extension) |\n| **Next.js \u0026 React** | [ES7 React snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)        |\n|                     | [Vercel for VS Code](https://marketplace.visualstudio.com/items?itemName=HaydenBleasel.vercel-vscode)            |\n|                     | [styled-jsx](https://marketplace.visualstudio.com/items?itemName=blanu.vscode-styled-jsx)                        |\n|                     | [Prisma NextJS](https://marketplace.visualstudio.com/items?itemName=WillLuke.nextjs)                             |\n|                     | [NextJS File Generator](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-nextjs-generator)    |\n| **TypeScript**      | [TypeScript Importer](https://marketplace.visualstudio.com/items?itemName=pmneo.tsimporter)                      |\n|                     | [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport)                           |\n|                     | [Move TS](https://marketplace.visualstudio.com/items?itemName=stringham.move-ts)                                 |\n|                     | [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)                        |\n|                     | [Pretty TypeScript Errors](https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors)         |\n| **Styles \u0026 CSS**    | [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek)                         |\n|                     | [CSS Navigation](https://marketplace.visualstudio.com/items?itemName=pucelle.vscode-css-navigation)              |\n| **Markdown**        | [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)            |\n|                     | [Markdown Lint](https://marketplace.visualstudio.com/items?itemName=davidanson.vscode-markdownlint)              |\n|                     | [Paste Image](https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image)                     |\n| **Git**             | [Conventional Commits](https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits)   |\n|                     | [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)                              |\n|                     | [gitignore](https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore)                          |\n|                     | [GitLab Workflow](https://marketplace.visualstudio.com/items?itemName=gitlab.gitlab-workflow)                    |\n|                     | [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)                                   |\n| **Code Style**      | [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)                             |\n|                     | [Prettier – Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)          |\n|                     | [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|                     | [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)                |\n|                     | [Highlight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag)    |\n|                     | [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)                     |\n|                     | [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)                       |\n|                     | [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces)                |\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|                     | [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv)                                   |\n|                     | [Draw Folder Structure](https://marketplace.visualstudio.com/items?itemName=jmkrivocapich.drawfolderstructure)   |\n|                     | [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=editorconfig.editorconfig)        |\n|                     | [Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)         |\n|                     | [JSON Flow](https://marketplace.visualstudio.com/items?itemName=imgildev.vscode-json-flow)                       |\n|                     | [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.liveserver)                         |\n|                     | [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)      |\n\n## Contributing\n\nContributions to the Nx Essential Extension Pack are welcome and appreciated. To contribute:\n\n1. Fork the [GitHub repository](https://github.com/ManuelGil/vscode-nx-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-nx-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-nx-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-nx-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-nx-pack/blob/main/LICENSE) file for full details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanuelgil%2Fvscode-nx-pack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanuelgil%2Fvscode-nx-pack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanuelgil%2Fvscode-nx-pack/lists"}