https://github.com/learncodingeasy/snippets

Snippets
https://github.com/learncodingeasy/snippets
learncoddingeasy snippets
Last synced: 6 months ago
JSON representation
Snippets
Host: GitHub
URL: https://github.com/learncodingeasy/snippets
Owner: LearnCodingEasy
Created: 2022-09-24T22:51:45.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2024-03-20T10:54:48.000Z (almost 2 years ago)
Last Synced: 2025-06-11T08:51:32.773Z (7 months ago)
Topics: learncoddingeasy, snippets
Language: CSS
Homepage:
Size: 113 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

          # Snippets

## Global Snippets For

1. Html

2. Pug

3. Css

4. Scss

5. Javascript

6. JQuery

7. Vue

8. Firebase

9. Python

10. Djengo

### My Settings For Vscode

# Extensions

## My Extensions

### [ Html ]

```

HTML End Tag Labels

```

[HTML End Tag Labels](https://marketplace.visualstudio.com/items?itemName=anteprimorac.html-end-tag-labels)

```

HTML to CSS autocompletion

```

[HTML to CSS autocompletion](https://marketplace.visualstudio.com/items?itemName=solnurkarim.html-to-css-autocompletion)

```

IntelliSense for CSS class names in HTML

```

[IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion)

```

Class autocomplete for HTML

```

[Class autocomplete for HTML](https://marketplace.visualstudio.com/items?itemName=AESSoft.aessoft-class-autocomplete)

```

Auto Close Tag

```

```

Auto Complete Tag

```

```

Auto Rename Tag

```

| Name | Link  | Image |

|------|-------|-------|

| Auto Rename Tag | [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)  | ![This is an image]() |

_______________________

### [ Pug ]

```

pug

```

[pug](https://marketplace.visualstudio.com/items?itemName=amandeepmittal.pug)

```

pug (jade) formatter

```

[pug (jade) formatter](https://marketplace.visualstudio.com/items?itemName=ducfilan.pug-formatter)

```

Pug (Jade) snippets

```

[Pug (Jade) snippets](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-jade-snippets)

_______________________

### [ Css ]

```

colorize

```

[colorize](https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize)

```

CSS Flexbox Cheatsheet

```

[CSS Flexbox Cheatsheet](https://marketplace.visualstudio.com/items?itemName=dzhavat.css-flexbox-cheatsheet)

```

CSS Grid Snippets

```

[CSS Grid Snippets](https://marketplace.visualstudio.com/items?itemName=ohansemmanuel.css-grid-snippets)

```

CSS Peek

```

[CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek)

```

VSCode CSS Snippets

```

[VSCode CSS Snippets](https://marketplace.visualstudio.com/items?itemName=navin-moorthy.vscode-css-snippets)

```

css-auto-prefix

```

[css-auto-prefix](https://marketplace.visualstudio.com/items?itemName=sporiley.css-auto-prefix)

```

CSS Snippets

```

[CSS Snippets](https://marketplace.visualstudio.com/items?itemName=joy-yu.css-snippets)

| Name | Link  | Image |

|------|-------|-------|

| Color Info | [Color Info](https://marketplace.visualstudio.com/items?itemName=bierner.color-info) |  |

| HTML CSS Support | [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css) | 

_______________________

### [ Scss ]

```

SCSS Formatter

```

[SCSS Formatter](https://marketplace.visualstudio.com/items?itemName=sibiraj-s.vscode-scss-formatter)

_______________________

### [ Bootstrap ]

```

Bootstrap 5 Quick Snippets

```

[Bootstrap 5 Quick Snippets](https://marketplace.visualstudio.com/items?itemName=AnbuselvanRocky.bootstrap5-vscode)

_______________________

### [ Javascript ]

```

javascript console utils

```

[javascript console utils](https://marketplace.visualstudio.com/items?itemName=whtouche.vscode-js-console-utils)

```

Code Runner

```

[Code Runner](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner)

```

ESLint

```

[ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)

```

Quokka.js

```

[Quokka.js](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode)

```

JavaScript Extensions Pack - Quokka, Tabnine, ESLint, LiveServer, Prettier

```

[JavaScript Extensions Pack - Quokka, Tabnine, ESLint, LiveServer, Prettier](https://marketplace.visualstudio.com/items?itemName=BretDoyle.javascript-extensions-pack---js-essentials)

_______________________

### [ JQuery ]

```

```

_______________________

### [ Vue ]

```

Vue VSCode Snippets

```

[Vue VSCode Snippets](https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets)

```

Vue 3 Snippets

```

[Vue 3 Snippets](https://marketplace.visualstudio.com/items?itemName=hollowtree.vue-snippets)

```

Vetur

```

[Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur)

_______________________

### [ Python ]

| Name | Link  | Image |

|------|-------|-------|

| Pythone | [Pythone](https://marketplace.visualstudio.com/items?itemName=ms-python.python)  |  |

| Python Indent | [Python Indent](https://marketplace.visualstudio.com/items?itemName=KevinRose.vsc-python-indent)  |  |

### [ Django ]

```

Django

```

[Django](https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django)

```

Django

```

[Django](https://marketplace.visualstudio.com/items?itemName=bigonesystems.django)

```

Djaneiro - Django Snippets

```

[Djaneiro - Django Snippets](https://marketplace.visualstudio.com/items?itemName=thebarkman.vscode-djaneiro)

```

Django

```

[Django](https://marketplace.visualstudio.com/items?itemName=batisteo.vscode-django)

```

Django 4.x Snippets

```

[Django 4.x Snippets](https://marketplace.visualstudio.com/items?itemName=MayankSinghal.django-vscode)

```

Django Snippets

```

[Django Snippets](https://marketplace.visualstudio.com/items?itemName=bibhasdn.django-snippets)

```

Copy Django model fields

```

[Copy Django model fields](https://marketplace.visualstudio.com/items?itemName=baterson.copy-django-model-fields)

_______________________

### [ Git ]

| Name | Link  | Image |

|------|-------|-------|

| GitLens — Git supercharged | [GitLens — Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) | ![This is an image](https://eamodio.gallerycdn.vsassets.io/extensions/eamodio/gitlens/2024.3.1205/1710234509394/Microsoft.VisualStudio.Services.Icons.Default)

| GitHub Markdown Preview | [GitHub Markdown Preview](https://marketplace.visualstudio.com/items?itemName=bierner.github-markdown-preview) | ![This is an image](https://bierner.gallerycdn.vsassets.io/extensions/bierner/github-markdown-preview/0.3.0/1651533762167/Microsoft.VisualStudio.Services.Icons.Default)

_______________________

### [ Image ]

```

Image preview

```

[Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)

```

CodeSnap

```

[CodeSnap](https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap)

_______________________

### [ Firebase ]

```

Firebase

```

[Firebase](https://marketplace.visualstudio.com/items?itemName=toba.vsfire)

```

Firebase Explorer

```

[Firebase Explorer](https://marketplace.visualstudio.com/items?itemName=jsayol.firebase-explorer)

_______________________

### [ Vscode ]

```

Reload

```

[Reload](https://marketplace.visualstudio.com/items?itemName=natqe.reload)

```

vscode-pdf

```

[vscode-pdf](https://marketplace.visualstudio.com/items?itemName=tomoki1207.pdf)

```

indent-rainbow

```

[indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)

```

Path Intellisense

```

[Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)

#### [ Formatter ]

```

Prettier - Code formatter

```

[Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)

```

Prettier - JavaScript formatter

```

[Prettier - JavaScript formatter](https://marketplace.visualstudio.com/items?itemName=bysabi.prettier-vscode-standard)

```

EditorConfig for VS Code

```

[EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)

#### [ Theme ]

```

Theme

```

[Theme](https://marketplace.visualstudio.com/items?itemName=tal7aouy.theme)

#### [ Icon ]

```

Fluent Icons

```

[Fluent Icons](https://marketplace.visualstudio.com/items?itemName=miguelsolorio.fluent-icons)

#### [ Text ]

```

Code Spell Checker

```

[Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)

#### [ Server ]

```

Live Server

```

[Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

#### [ Comments ]

```

Better Comments

```

[Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)

#### [ Bookmarks]

```

BettBookmarks

```

[BettBookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)

#### [ AI Autocomplete ]

```

Tabnine: AI Autocomplete & Chat for Javascript, Python, Typescript, PHP, Go, Java & more

```

[Tabnine: AI Autocomplete & Chat for Javascript, Python, Typescript, PHP, Go, Java & more](https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode)

```

IntelliCode Completions

```

[IntelliCode Completions](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode-completions)

#### [ Translate ]

| Name | Link  | Image |

|------|-------|-------|

| Google Translate | [Google Translate](https://marketplace.visualstudio.com/items?itemName=benshabatnoam.google-translate-ext)  |  |

_______________________

### [ Sql ]

```

```

_______________________

### [ Json ]

```

```

### [ Google ]

```

Google Fonts

```

[Google Fonts](https://marketplace.visualstudio.com/items?itemName=lior-chamla.google-fonts)

4.  Autoprefixer ✔️

5.  Axios Snippets

8.  Browse Lite

9.  cdnjs

10. Chronicler ✔️

16. CSS Formatter ✔️

17. CSS Grid Snippets

20. Customize UI

21. EditorConfig for VS Code ✔️

22. emoji

23. Emoji Snippets

24. Error Lens

29. Firebase Snippets ✔️

30. GitHub Codespaces

31. GitHub Copilot

32. GitHub Copilot Chat

33. GitHub Copilot Labs

34. GitHub Theme

37. Google Translate ✔️

38. google-search ✔️

39. HTML Boilerplate

42. html tag wrapper

43. HTML to CSS autocompletion

45. IntelliCode API Usage Examples

47. JavaScript (ES6) code snippets ✔️

48. JavaScript Atom Grammar

49. JavaScript Booster

50. javascript console utils

51. JavaScript Snippet Pack

52. Jinja

53. Live Sass Compiler

55. markdownlint

56. NPM

57. npm Intellisense

58. open in browser

60. Persian Lorem

63. Prettier ESLint ✔️

64. Project Manager

71. Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero

73. Settings Sync

74. SweetAlert2 Snippet

76. Tailwind CSS IntelliSense

78. Txt Syntax

80. VS HTML to CSS

82. vscode-faker

83. vscode-icons ✔️

86. Vue Language Features (Volar) ✔️

87. Vue Peek

89. webpack

90. Zoom Bar

92. npm

93.

94.

95.

96.

97.

98.

99.

---
ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/learncodingeasy/snippets

Awesome Lists containing this project

README
