Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>VSCode AK SnippetsNew to Visual Studio Code? Get it now.
VSCode AK Snippets

VSCode AK Snippets

Avi Koplovich

|
3,801 installs
| (0) | Free
Snippets Boilerplate Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

AK-VS-Code-Snippets

Snippets for Visual Studio Code (html, typescript, css)

Classic for Angular 8.0.0 release

This extension for Visual Studio Code adds snippets for easy templates in HTML, CSS & TypeScript.

Use Extension

See the CHANGELOG for the latest changes

Usage

Type "ak-" for generating optional snippets, press enter, and the snippet unfolds.

Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (macOS) to activate snippets from within the editor.

HTML Snippets

Snippet Purpose
ak-navbar Create navbar with router-link and piped time
ak-app-component Adds header with navbar and main with router-outlet to app.component.html

TypeScript Snippets

Snippet Purpose
ak-import-HTTP Insert the HTTP module to app.module.ts
ak-import-Forms Insert the Forms module to app.module.ts
ak-import-NG insert the NG module to app.module.ts
ak-import-Routing inset the Routing module to app.module.ts
ak-import-Component insert a Component to app.module.ts
ak-Routes-Paths insert some minimum paths to app-routing.module.ts

CSS Snippets

Snippet Purpose
ak-nav A simple navbar css

Installation

  1. Install Visual Studio Code 1.41 or higher
  2. Launch Code
  3. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  4. Select Install Extension
  5. Choose the extension
  6. Reload Visual Studio Code
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft