Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Simple Angular Snippets (by Myth_Dev)New to Visual Studio Code? Get it now.
Simple Angular Snippets (by Myth_Dev)

Simple Angular Snippets (by Myth_Dev)

Michael F Gonzalez

|
4 installs
| (0) | Free
Angular development extension for VS Code. Provides context menu commands to generate Angular components, services, pipes, and directives with proper TypeScript imports and file structure.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🧩 Angular Snippet Tools

A powerful extension for Visual Studio Code that simplifies Angular development. Generate components, services, routes, pipes, and more directly from the context menu.


✨ Features

  • ✅ Right-click to generate Angular elements:

    • Component
    • Directive
    • Guard
    • Interceptor
    • Pipe
    • Service
  • ✅ Additional commands:

    • Create and Add to Route: Adds a new component to the closest *.routes.ts file
    • Create Routes File: Generates a default Angular routes file

🎯 How It Works

Using Angular Snippet Tools is as easy as 1-2-3:

🥇 Step 1: Right-click on a folder and select what you want to generate

📂 The item will be created directly inside the folder you clicked.

Step 1 - Right click


🥈 Step 2: Enter a name for your component, service, or other element

Step 2 - Input name


🥉 Step 3: Watch the VS Code loading bar as your Angular element is generated

Step 3 - VS Code loading


Once generated, your file will be placed exactly in the selected folder, using Angular 17+ conventions like standalone components and proper structure.


🌍 Localization Support

Supports English (default) and Spanish. Powered by @vscode/l10n.


📦 Requirements

  • Angular CLI installed globally:
    npm install -g @angular/cli
    
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft