https://github.com/htmlelements/vscode-angular-snippets
Visual Studio Code Snippets for Smart Web Components
https://github.com/htmlelements/vscode-angular-snippets
angular typescript vscode vscode-extension web-components
Last synced: 2 months ago
JSON representation
Visual Studio Code Snippets for Smart Web Components
- Host: GitHub
- URL: https://github.com/htmlelements/vscode-angular-snippets
- Owner: HTMLElements
- License: mit
- Created: 2020-03-16T12:02:21.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-03-16T14:49:29.000Z (over 6 years ago)
- Last Synced: 2025-05-18T16:54:40.099Z (about 1 year ago)
- Topics: angular, typescript, vscode, vscode-extension, web-components
- Language: TypeScript
- Homepage: https://www.htmlelements.com/
- Size: 16.6 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular TypeScript Snippets for VS Code
**Now includes Grid Snippets
This extension for Visual Studio Code adds snippets for Angular for TypeScript and HTML.
## Usage
Type part of a snippet, press `enter`, and the snippet unfolds.
Alternatively, press `Ctrl`+`Space` (Windows, Linux) or `Cmd`+`Space` (macOS) to activate snippets from within the editor.
### TypeScript Angular Snippets
| Snippet | Purpose |
| ---------------------------- | -------------------------------------------------------------------- |
| `smart-grid-component` | grid component |
| `smart-grid-module` | grid module |
### HTML Snippets
| Snippet | Purpose |
| -------------------- | --------------------------------------------------- |
| `smart-grid` | `` control with template reference variable |
## Installation
1. Install Visual Studio Code 1.10.0 or higher
1. Launch Code
1. From the command palette `Ctrl`-`Shift`-`P` (Windows, Linux) or `Cmd`-`Shift`-`P` (OSX)
1. Select `Install Extension`
1. Choose the extension
1. Reload Visual Studio Code