Skip to content
A collection of essentials snippets for Visual Studio Code.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
snippets
.editorconfig
.gitattributes
.gitignore
.npmrc
.vscodeignore
CHANGELOG.md
LICENSE
README.md
package.json

README.md

VSCode Essentials Snippets

A collection of essentials snippets for Visual Studio Code.

Preview

Installation

  1. Install Visual Studio Code
  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 and npm
  2. 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)

  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
  5. Click Reload Now to reload the Code

Publish

Install vsce

$ npm install -g vsce

Create a publisher

$ vsce create-publisher <publisher-name>

Login

$ vsce login <publisher-name>

Publish

$ vsce publish

For more detailed information about publish: Publishing Extensions.

Author

Roberto Achar

License

MIT

You can’t perform that action at this time.