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