Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>MS SnippetsNew to Visual Studio Code? Get it now.
MS Snippets

MS Snippets

Murilo Sambuite

|
187 installs
| (0) | Free
Snippets that i use everyday
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Logo

MS Snippets

About

It's pretty much all the snippets that help me every day. I thought it might be useful to someone, so i publish it.

Snippets

You have to type whats in the snippet column and press Tab.

Snippet Result
rfc-file → Creates a React Functional Component with a Interface named as the filename
rnfc-file → Creates a React Native Functional Component with a Interface named as the filename
rfc-dir → Creates a React Functional Component with a Interface named as the dir name
rnfc-dir → Creates a React Native Functional Component with a Interface named as the dir name
np → Creates a Next Functional Page with a Interface named as the file name
gsp → Creates Next getStaticProps function
gssp → Creates Next getServerSideProps function
styled → Creates a React Styled Components component
styled-rn → Creates a React Native Styled Components component
styled-theme → Creates a React Styled Components component with theme as function arguments
styled-theme-rn → Creates a React Native Styled Components component with theme as function arguments
af → Creates a arrow function
cfile → Creates a class named as the filename
cdir → Creates a class named as the dir name
ifile → Creates a interface named as the filename
idir → Creates a interface named as the dir name
co → Creates a console.log
nfile → Return filename
ndir → Return dir name
prettier → Creates a very very simple prettier config

Contact

Portfolio - murilosambuite@gmail.com

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft