VSCode Essentials Snippets

A collection of essentials snippets for Visual Studio Code.

Preview

Installation

Install Visual Studio Code
Launch Visual Studio Code
Choose Extensions from menu
Search for vscode-essentials-snippets
Click Install to install it
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

Install Node.js and npm
Install Visual Studio Code

Run

Clone the repo

$ git clone https://github.com/robertoachar/vscode-essentials-snippets.git

Install vsce

$ npm install -g vsce

Build the extension file

$ vsce package

# or

$ npm run build

Install the extension from a package file (.vsix)

Launch Visual Studio Code
Choose Extensions from menu
Click More > Install from VSIX...
Select the file vscode-essentials-snippets-x.x.x.vsix
Click Reload Now to reload the Code

Publish

Install vsce

$ npm install -g vsce

Create a publisher

$ vsce create-publisher <publisher-name>

$ vsce login <publisher-name>

Publish

$ vsce publish

For more detailed information about publish: Publishing Extensions.

Author

Roberto Achar

License

MIT