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

Nano Snippets

Nik Bild

|
87 installs
| (0) | Free
Snippets for various technologies and languages, taking into account all modern trends and rules.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

logo

title

subtitle

Version   Rating   Installs   Downloads

https://i.imgur.com/dBaSKWF.gif

React
React

JavaScript
JavaScript

Python
Python

HTML
HTML

CSS
CSS

SCSS
SCSS

Pug
Pug

Jest
Jest

NestJS
NestJS

https://i.imgur.com/dBaSKWF.gif
title snippets

css


css-after - ✅Snippet: CSS After

Preview code code:css-after

css-base - ✅Snippet: CSS Base

Preview code code:css-base

css-before - ✅Snippet: CSS Before

Preview code code:css-before

css-flex - ✅Snippet: CSS Flex Scheme

Preview code code:css-flex

css-tl - ✅Snippet: CSS Text Limit

Preview code code:css-tl

css-trans - ✅Snippet: CSS Transition

Preview code code:css-trans

css-tt - ✅Snippet: CSS Transparent Text

Preview code code:css-tt

css-tw - ✅Snippet: CSS Text Wrap

Preview code code:css-tw

html


html-img - ✅Snippet: HTML Img

Preview code code:html-img

html-opi - ✅Snippet: HTML Optimization Image

Preview code code:html-opi

html-start - ✅Snippet: HTML Start

Preview code code:html-start

html-swiper - ✅Snippet: HTML Swiper

Preview code code:html-swiper

html-video - ✅Snippet: HTML Video

Preview code code:html-video

javascript


debugger - ✅Snippet: Debugger - for the snippet to work correctly, you need to use the extension - 'Todo Tree'

Preview code code:debugger

dlog - ✅Snippet: Debugger Console Log

Preview code code:dlog

js-swiper - ✅Snippet: JavaScript Swiper

Preview code code:js-swiper

log - ✅Snippet: Console Log

Preview code code:log

mlog - ✅Snippet: Message Console Log

Preview code code:mlog

settime - ✅Snippet: setTimeout

Preview code code:settime

try - ✅Snippet: Try Catch

Preview code code:try

jest


jest-describe - ✅Snippet: Jest-Test Describe

Preview code code:jest-describe

jest-expect - ✅Snippet: Jest-Test Expect

Preview code code:jest-expect

jest-test - ✅Snippet: Jest-Test Base Test

Preview code code:jest-test

jquery


jq-add - ✅Snippet: Jquery Add Class

Preview code code:jq-add

jq-on - ✅Snippet: Jquery On

Preview code code:jq-on

jq-ready - ✅Snippet: Jquery Ready

Preview code code:jq-ready

jq-remove - ✅Snippet: Jquery Remove Class

Preview code code:jq-remove

nestjs


get - ✅Snippet: Get Method

Preview code code:get

pug


pug-img - ✅Snippet: Pug Img

Preview code code:pug-img

pug-loop - ✅Snippet: Pug Loop

Preview code code:pug-loop

pug-opi - ✅Snippet: Pug Optimization Image

Preview code code:pug-opi

pug-swiper - ✅Snippet: Pug Swiper

Preview code code:pug-swiper

pug-video - ✅Snippet: Pug Video

Preview code code:pug-video

python


mpy - ✅Snippet: Python Message Print

Preview code code:mpy

py - ✅Snippet: Python Print

Preview code code:py

react


fc - ✅Snippet: Functional Component

Preview code code:fc

mfc - ✅Snippet: Memo Functional Component

Preview code code:mfc

mtfc - ✅Snippet: Memo TypeScript Functional Component

Preview code code:mtfc

tfc - ✅Snippet: TypeScript Functional Component

Preview code code:tfc

useCallback - ✅Snippet: React Hook useCallback - memosations of function

Preview code code:useCallback

useEffect - ✅Snippet: React Hook useEffect

Preview code code:useEffect

useId - ✅Snippet: React Hook useId

Preview code code:useId

useImperativeHandle - ✅Snippet: React Hook useImperativeHandle

Preview code code:useImperativeHandle

useLayoutEffect - ✅Snippet: React Hook useLayoutEffect

Preview code code:useLayoutEffect

uselog - ✅Snippet: useEffect -> console.log

Preview code code:uselog

useMemo - ✅Snippet: React Hook useMemo - memosations of meaning

Preview code code:useMemo

useMount - ✅Snippet: useMount - Custom hook

Preview code code:useMount

useRef - ✅Snippet: React Hook useRef

Preview code code:useRef

useState - ✅Snippet: React Hook useState

Preview code code:useState

scss


scss-flex - ✅Snippet: SCSS Flex Mixin

Preview code code:scss-flex

scss-font - ✅Snippet: SCSS Font Mixin

Preview code code:scss-font

scss-grid - ✅Snippet: SCSS Grid Mixin

Preview code code:scss-grid

scss-img - ✅Snippet: SCSS Img Mixin

Preview code code:scss-img

scss-transition - ✅Snippet: SCSS Transition Mixin

Preview code code:scss-transition

typescript


enum - ✅Snippet: TypeScript Enum

Preview code code:enum

interface - ✅Snippet: TypeScript Interface

Preview code code:interface

type - ✅Snippet: TypeScript Type

Preview code code:type
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft