Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Ngx AutogenNew to Visual Studio Code? Get it now.
Ngx Autogen

Ngx Autogen

Jorge Palacio Barcinilla

|
1 install
| (0) | Free
Generate NgRx Signal Store, Transloco i18n scopes and Angular components from the context menu
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ngx-autogen logo

Ngx Autogen for VS Code

Ngx Autogen is a productivity-focused VS Code extension that brings the power of @barcidev/ngx-autogen schematics directly to your workspace's context menu. Scaffold enterprise-grade Angular artifacts in seconds without leaving your editor.

Visual Studio Marketplace Version Installs License


🚀 Overview

Tired of manual boilerplate? Ngx Autogen automates the generation of:

  • ⚡ NgRx Signal Stores: Full CRUD state management with entity support, pagination, and status tracking.
  • 🌍 Transloco i18n Scopes: Fully typed translation files with automatic provider registration.
  • 🏗️ Angular Components: Standalone components pre-wired with stores and i18n support.

📸 Demo

Ngx Autogen Demo


✨ Features

📦 Smart Store Generation

Right-click any folder to generate a complete NgRx Signal Store. It automatically creates the .store.ts, .service.ts, and .model.ts files, plus updates your barrel exports.

🌐 Instant i18n Scopes

Generate translation scopes for Transloco in one click. The extension handles the boilerplate of creating the scope file and injecting it into your component.

🧩 Advanced Component Scaffolding

Generate a standalone component and optionally scaffold its state and translations at the same time. Everything is wired up and ready to use.

⚙️ Persistence & Interactive Mode

  • Zero-Config Flow: Uses your project's .autogen/config.json (or angular.json) to skip repetitive prompts.
  • Interactive Mode: Need something custom? Use the "Custom" commands to override defaults on the fly.

🛠️ Requirements

To use the generated artifacts, your project should have the following dependencies installed:

  • Angular: 17.0.0+
  • @ngrx/signals: 17.0.0+
  • @jsverse/transloco: 7.0.0+ (for i18n features)

The extension will automatically offer to install @barcidev/ngx-autogen as a dev dependency if it's not present, which is required for the schematics to run.


🔧 Configuration

The extension respects the configuration stored in:

  1. angular.json (under schematics section).
  2. .autogen/config.json (local override).

Example config.json:

{
  "lang": "es",
  "pk": "uuid",
  "isProvideInRoot": true
}

⚖️ License

MIT - Jorge Palacio Barcinilla

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft