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.
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
- Install Visual Studio Code 1.41 or higher
- Launch Code
- From the command palette
Ctrl -Shift -P (Windows, Linux) or Cmd -Shift -P (OSX)
- Select
Install Extension
- Choose the extension
- Reload Visual Studio Code
| |