Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Snippet SparksNew to Visual Studio Code? Get it now.
Snippet Sparks

Snippet Sparks

Yashwanth Byalla

|
150 installs
| (1) | Free
A simple and powerful extension which allows you to write code faster and efficiently using shortcuts
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Snippet Sparks

Download Snippet Sparks

  • Introducing Snippet Sparks, the ultimate code snippet extension for Visual Studio Code! With Snippet Sparks, you can turbocharge your coding productivity by leveraging powerful shortcuts to write code faster than ever before. Say goodbye to repetitive typing and hello to efficient coding with Snippet Sparks!
  • Snippet Sparks comes packed with a rich library of code snippets for popular programming languages, frameworks, and libraries. Simply type the shortcut for the desired snippet, and Snippet Sparks will automatically expand it into the corresponding code snippet. This can save you countless keystrokes and help you write code at lightning speed!
  • Snippet Sparks seamlessly integrates with Visual Studio Code, making it easy to use alongside your other favorite extensions. It provides a smooth and intuitive user experience, with minimal setup required.
  • It's a must-have tool for any developer looking to write code faster and more efficiently.

Benefits

  • Boosts productivity: By using shortcuts to quickly insert code snippets, Snippet Sparks can significantly speed up your coding workflow. Spend less time typing and more time building great software!
  • Reduces errors: With Snippet Sparks, you can ensure that your code follows best practices and coding standards by using pre-defined code snippets. This reduces the chances of making mistakes and improves the quality of your code.
  • Saves time: The time-saving features of Snippet Sparks can add up over time, saving you hours of typing and reducing repetitive strain on your fingers. Spend less time on repetitive tasks and more time on creative problem-solving!

A rating on the Visual Studio marketplace is highly appreciated!

Thank You!

Prefixes can be used for Angular

Prefix Description
y-component Angular component
y-component-inline Angular component with an inline template
y-pipe Angular pipe
y-service Angular Service with Injectable ProvidedIn Root
y-route-default Angular default route path
y-route-children Angular route path with children
y-route-404 Angular 404 route
y-route Angular route
y-route-lazy Angular lazy loading route
y-route-params-subscribe Angular - subscribe to routing parameters
y-http-get Angular HttpClient.get()
y-service-httpclient Angular service with HttpClient
y-component-router-outlet Angular App router outlet inline component
y-directive Angular directive
y-import-rxjs RxJs import
y-rxjs-operator-import RxJs import Operators

Prefixes can be used for HTML

Prefix Description
y-class Angular [class] binding
y-style Angular inline [style] binding
y-ngClass Angular [ngClass] binding
y-ngFor Angular *ngFor binding
y-form Form with ngSubmit and form attributes
y-formControlName Angular formControlName
y-formGroup Angular formGroup
y-form-submit Angular form submit button
y-ngIf Angular *ngIf
y-ngIfElse Angular ngIfElse
y-ngModel Angular [(ngModel)]
y-routerLink Angular srouterLink
y-select Angular <select> control with ngModel
y-ngStyle Angular ngStyle

Prefixes can be used for CSS

Prefix CSS Property
ai align-items
aib align-items: baseline;
aic align-items: center;
aifs align-items: flex-start;
aife align-items: flex-end;
ais align-items: stretch;
as align-self
anim animation
animdel animation-delay
animdir animation-direction
animdur animation-duration
animfm animation-fill-mode
animic animation-iteration-count
animn animation-name
animps animation-play-state
animtf animation-timing-function
bg background
bga background-attachment
bgc background-color
bgcl background-clip
bgi background-image
bgo background-origin
bgp background-position
bgr background-repeat
bgrr background-repeat: repeat;
bgrx background-repeat: repeat-x;
bgry background-repeat: repeat-y
bgrn background-repeat: no-repeat
bgs background-size
bor border
born border: none
borc border-color
bors border-style
borw border-width
borb border-bottom
borl border-left
borr border-right
bort border-top
borrad border-radius
bot bottom
bos box-shadow
boz box-sizing
clr clear
col color
con content
cur cursor
curp cursor: pointer
curd cursor: default
dis display
disb display: block
disi display: inline-block
disn display: none
disf display: flex
disif display: inline-flex
disg display: grid
disig display: inline-grid
flex flex
flexdir flex-direction
flexf flex-flow
flexw flex-wrap
float float
ff font-family
fz font-size
fst font-style
fw font-weight
ft font
ga grid-area
gc grid-columns
gr grid-rows
gta grid-template-area
gtc grid-template-columns
gtr grid-template-rows
height height
jc justify-content
lists list-style
listsp list-style-position
listst list-style-type
left left
lh line-height
ls letter-spacing
mar margin
marb margin-bottom
marl margin-left
marr margin-right
mart margin-top
mara margin: 0 auto
minh min-height
minw min-width
maxh max-height
maxw max-width
opa opacity
of overflow
ofa overflow: auto
ofh overflow: hidden
ofs overflow: scroll
ofv overflow: visible
pad padding
padb padding-bottom
padl padding-left
padr padding-right
padt padding-top
pos position
posa position absolute
posf position fixed
posr position relative
poss position sticky
right right
ta text-align
td text-decoration
ti text-indent
ts text-shadow
tt text-transform
top top
va vertical-align
vis visibility
wb word-break
width width
widtha width: auto
ws white-space
ww word-wrap
zi z-index
! !important
i !important
media @media
key @keyframes
inc @include
mix @mixin
imp @import
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft