Wyszukaj / o blogu

VSC - wtyczki warte polecenia

Opublikowano ndz 29 marca 2020 w VSC • 2 min read

Lista wtyczek wartych polecenia (alfabetycznie)

Auto Close Tag - zamyka automatycznie tagi html

Auto Rename Tag - edycja pojedynczego taga zmieni od razu treść jego pary

Bracket Pair Colorizer (CoenraadS) - koloruje nawiasy należące do tej samej pary odpowiednim kolorem [podobnie działająca wtyczka Rainbow Brackets (2gua)]

Better comments (Aaron Bond) - pozwala na wprowadzanie komentarzy różnego typu do kodu JS (poprawia ich widoczność)

Code Spell Checker (Street Side Software) - sprawdza błędy ortograficzne

ESLint AutoFix on Save

Git Extension Pack i Git History (Don Jayamanne) - wtyczka pozwalająca mieć kontrolę i zarządzać GITem

HTML Boilerplae (sidthesloth) - Snippetty/Podpowiedzi do HTML

Indent rainbow - tęczow identacja (poprawia widoczność struktury poziomów kodu)

JavaScript (ES6) code snippets - Snippetty/Podpowiedzi do JS

Live Sass Compiler (Ritwick Dey) - podstawowa wtyczka do pracy z Sassem, na bieżąco tworzy/kompiluje CSS

Live Server (Ritwick Dey) - stawia serwer, który pozwala na podgląd HTML

markdownlint (David Anson) - pilnuje składni języka Mark Down

Paste and Indent - zamiast tego można również shift+alt+F -> format document

Polish - Code Spell Checker (Street Side Software) - sprawdza błędy ortograficzne w języku polskim

Prettier - Code formatter (Esban Pereren) [warto dodać w settings.json "editor.formatOnSave": true - do listy wyjątków/polecań aby Prettier uruchamiał się w trakcie zapisu pliku]

Project Manager (Alessandro Fragnani) - na bocznym pasku pojawia się nowa ikona folderu i dzięki niej mamy szybki dostęp do wybranych projektów

scss intellisense

show local history (warto dodać do .gitignore frazę .history)

TabNine - wtyczka wykorzystująca uczenie maszynowe do podpowiadania kodu/snippetów

Trailling Spaces

Wallaby.js/Dingo

==> Quokka.js <== (Wallaby.js) - wymaga instalacji node.js a dzięki niej w głównym oknie VSC będzie wywoływany JS - Gorąco polecam!!! - sprawdź również Quokka Statusbar Buttons (Skethcbuch)

VSC Live Share - pozwala na współdzielenie/edytowanie kodu w czasie rzeczywistym


Źródło:

https://www.youtube.com/watch?v=om4HQYXgZog