https://github.com/robertoachar/vscode-essentials-snippets
A collection of essentials snippets for Visual Studio Code.
https://github.com/robertoachar/vscode-essentials-snippets
vscode vscode-extension vscode-snippets
Last synced: 10 months ago
JSON representation
A collection of essentials snippets for Visual Studio Code.
- Host: GitHub
- URL: https://github.com/robertoachar/vscode-essentials-snippets
- Owner: robertoachar
- License: mit
- Created: 2017-03-27T22:33:18.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-07-13T17:42:40.000Z (about 8 years ago)
- Last Synced: 2025-05-15T09:43:28.898Z (about 1 year ago)
- Topics: vscode, vscode-extension, vscode-snippets
- Homepage: https://marketplace.visualstudio.com/items?itemName=robertoachar.vscode-essentials-snippets
- Size: 601 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# VSCode Essentials Snippets
> A collection of essentials snippets for Visual Studio Code.
# Installation
1. Install [Visual Studio Code](https://code.visualstudio.com/)
2. Launch Visual Studio Code
3. Choose **Extensions** from menu
4. Search for `vscode-essentials-snippets`
5. Click **Install** to install it
6. Click **Reload** to reload the Code
# Usage
Type part of a snippet, press `enter` and the snippet unfolds. For snippets in markdown format you need to press `ctrl+space` (Windows / Linux) or `cmd+space` (OSX).
## Angular snippets
### TypeScript snippets
| Snippet | Content |
| ------- | ------- |
| `ng-class` | Angular Class |
| `ng-component` | Angular Component |
| `ng-component-input` | Angular Component with Input |
| `ng-directive` | Angular Directive |
| `ng-enum` | Angular Enum |
| `ng-guard` | Angular Guard |
| `ng-interface` | Angular Interface |
| `ng-module` | Angular Module |
| `ng-pipe` | Angular Pipe |
| `ng-service` | Angular Service |
### RxJS Snippets
| Snippet | Content |
| ------- | ------- |
| `rx-extensions` | RxJS Extensions import |
| `rx-observable` | RxJS Observable import |
| `rx-subject` | RxJS Subject import |
| `rx-subject-behavior` | RxJS BehaviorSubject import |
| `rx-subject-replay` | RxJS ReplaySubject import |
| `rx-add-observable` | RxJS add observable import |
| `rx-add-operator` | RxJS add operator import |
### HTML snipppets
| Snippet | Content |
| ------- | ------- |
| `ng-ngFor` | Angular *ngFor |
| `ng-ngIf` | Angular *ngIf |
| `ng-ngModel` | Angular ngModel |
| `ng-routerLink` | Angular routerLink |
| `ng-routerLink-param` | Angular routerLink with a route parameter |
| `ng-select` | select control with ngModel |
| `ng-pre` | Angular pre with json |
## Continuous Integration snippets
| Snippet | Content |
| ------- | ------- |
| `ci-appveyor` | AppVeyor configuration file |
| `ci-circle` | Circle configuration file |
| `ci-travis` | Travis configuration file |
## Git snippets
| Snippet | Content |
| ------- | ------- |
| `gitattributes` | .gitattributes file with eol=lf |
| `gitattributes-archives` | Set archives as binary |
| `gitattributes-documents` | Set documents as binary |
| `gitattributes-executables` | Set executables as binary |
| `gitattributes-fonts` | Set fonts as binary |
| `gitattributes-graphics` | Set graphics as binary |
| `CHANGELOG` | A CHANGELOG.md template |
| `README` | A README.md template |
## Lint snippets
| Snippet | Content |
| ------- | ------- |
| `eslint` | ESLint configuration file |
| `eslintignore` | ESLint ignore file |
## Project snippets
| Snippet | Content |
| ------- | ------- |
| `editorconfig` | EditorConfig file |
| `npmrc` | npm configuration file |
| `package` | package.json file |
# Development
## Install dependencies
1. Install [Node.js](https://nodejs.org/) and [npm](https://www.npmjs.com/)
2. Install [Visual Studio Code](https://code.visualstudio.com/)
## Run
Clone the repo
```bash
$ git clone https://github.com/robertoachar/vscode-essentials-snippets.git
```
Install vsce
```bash
$ npm install -g vsce
```
Build the extension file
```bash
$ vsce package
# or
$ npm run build
```
Install the extension from a package file (.vsix)
1. Launch Visual Studio Code
2. Choose **Extensions** from menu
3. Click **More** > **Install from VSIX...**
4. Select the file `vscode-essentials-snippets-x.x.x.vsix`
6. Click **Reload Now** to reload the Code
## Publish
Install vsce
```bash
$ npm install -g vsce
```
Create a publisher
```bash
$ vsce create-publisher
```
Login
```bash
$ vsce login
```
Publish
```bash
$ vsce publish
```
For more detailed information about publish: [Publishing Extensions](https://code.visualstudio.com/docs/extensions/publish-extension).
# Author
[Roberto Achar](https://twitter.com/RobertoAchar)
# License
[MIT](https://github.com/robertoachar/vscode-essentials-snippets/blob/master/LICENSE)