0.0.1 • Published 6 years ago

@wx-fc/vscode-snippets v0.0.1

Weekly downloads
2
License
SEE LICENSE IN LI...
Repository
github
Last release
6 years ago

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 @wx-fc/vscode-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

SnippetContent
ng-classAngular Class
ng-componentAngular Component
ng-component-inputAngular Component with Input
ng-directiveAngular Directive
ng-enumAngular Enum
ng-guardAngular Guard
ng-interfaceAngular Interface
ng-moduleAngular Module
ng-pipeAngular Pipe
ng-serviceAngular Service

RxJS Snippets

SnippetContent
rx-extensionsRxJS Extensions import
rx-observableRxJS Observable import
rx-subjectRxJS Subject import
rx-subject-behaviorRxJS BehaviorSubject import
rx-subject-replayRxJS ReplaySubject import
rx-add-observableRxJS add observable import
rx-add-operatorRxJS add operator import

HTML snipppets

SnippetContent
ng-ngForAngular *ngFor
ng-ngIfAngular *ngIf
ng-ngModelAngular ngModel
ng-routerLinkAngular routerLink
ng-routerLink-paramAngular routerLink with a route parameter
ng-selectselect control with ngModel
ng-preAngular pre with json

Continuous Integration snippets

SnippetContent
ci-appveyorAppVeyor configuration file
ci-circleCircle configuration file
ci-travisTravis configuration file

Git snippets

SnippetContent
gitattributes.gitattributes file with eol=lf
gitattributes-archivesSet archives as binary
gitattributes-documentsSet documents as binary
gitattributes-executablesSet executables as binary
gitattributes-fontsSet fonts as binary
gitattributes-graphicsSet graphics as binary
CHANGELOGA CHANGELOG.md template
READMEA README.md template

Lint snippets

SnippetContent
eslintESLint configuration file
eslintignoreESLint ignore file

Project snippets

SnippetContent
editorconfigEditorConfig file
npmrcnpm configuration file
packagepackage.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/wx-chevalier/@wx-fc/vscode-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 @wx-fc/vscode-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

Snippet
@infinitebrahmanuniverse/nolb-_wx@everything-registry/sub-chunk-1025
0.0.1

6 years ago