Prezent – moje wtyczki
Poniżej obiecany prezent, jest to lista wtyczek do VS Code, których używam. Mam nadzieje, że Ci się przydadzą!
Apache Conf
Kolorowe wyświetlanie konfiguracji apache (fajne jeśli ktoś pracuje na backendzie)
https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-apache
Auto Rename Tag
Chcesz zmienić tag <div> na <p> ? Wtyczka automatycznie zmienia nazwę zamykającego taga, gdy edytujemy otwierający.
https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
Bracket Pair Colorizer
Nie możesz się połapać w drzewie klamr? Ten plugin pokoloruje klamry na rożne kolory, dzięki czemu każde zagłębienie będzie miało inny kolor. Poprawia to łatwość zrozumienia, w którym aktualnie zagnieżdżeniu lub nawiasie jesteśmy.
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
Color Picker
Chcesz mieć kolor picker w pliku CSS? Nie ma problemu. Color Picker dodaje właśnie wizualne narzędzie do wyboru/zmiany koloru (jak w paincie czy photoshopie) bezpośrednio w pliku CSS.
https://marketplace.visualstudio.com/items?itemName=anseki.vscode-color
Debugger for Chrome
Debuggowanie w przeglądarce jest niewygodne? Debugger for Chrome pozwala debugować stronę www bezpośrednio w edytorze.
https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
DotENV
Kolejna wtyczka do kolorowania plików konfiguracyjnych. Tym razem koloruje pliki .env
https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv
ESLint
Popularny linter JS. Podświetla błędy w kodzie JS w czasie rzeczywistym.
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
Excel Viewer
Jeśli próbowałeś kiedyś otwierać pliki CSV to wiesz jak trudne jest ich czytanie. Wtyczka integruje czytnik plików CSV dzięki czemu można wyświetlić jak na wzór arkuszów google.
https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer
Rainbow CSV
Kolejna wtyczka do CSV. Czasami uruchamianie czytnika wizualnego jak wyżej jest powolne (dla dużych plików), lub niepotrzebne. Plugin oddziela kolumny kolorami dzięki czemu jest lekki i łatwo się połapać na którą kolumnę patrzymy.
https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv
GitLens — Git supercharged
Nakładka wizualna dla GITa. Wygodne porównywanie plików, zmian, commitów, łatwiejsze mergowanie i wiele więcej. GitLens pozwala na lepsze wykorzystanie GITa.
https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Laravel Blade Snippets
Pracujesz z Laravelem? To wtyczka dla Ciebie! Podpowiada dostępne funkcje związanie z blade (czyli szablonami widoku), dodaje skróty i pozwala szybsze pisanie kodu.
https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade
Laravel Snippets
To samo co wyżej ale dla logiki (nie szablonów).
https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel5-snippets
LiveReload
Podgląd zmian w czasie rzeczywistym. O ile react potrafi postawić server z live reload sam, o tyle w każdym innym projekcie możemy zrobić to za pomocą tej wtyczki. Kiedyś nawet zrobiłem szalon wordpressa, który odświeżał się po każdej zmianie właśnie za pomocą tej wtyczki.
https://marketplace.visualstudio.com/items?itemName=ziishaned.livereload
Local History
Używam GITa, ale nie wszędzie. Czasami nie zdążę zacommitować zmian lub pojawi się inny niespodziewany czynnik. Ten plugin mnie przed tym zabezpiecza. Przechoduje lokalną kopie plików co X minut. Dzięki temu mogę w każdym momencie porównać zmiany lub odzyskać starszą wersje.
https://marketplace.visualstudio.com/items?itemName=xyz.local-history
Markdown Preview Enhanced
Kolejna wtyczka do formatowania. Tym razem do formatowania plików .md (często readme.md).
https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced
Material Icon Theme
Ładne ikonki plików i folderów na drzewie katalogu.
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
One Dark Pro
Theme VS Coda, który uwielbiam. Ciemny z delikatnymi fontami. Od razu się lepiej pracuje!
https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme
PHP IntelliSense
Podpowiadanie kodu dla PHP
https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense
Quokka.js
Podgląd rezultatu kodu JS w czasie rzeczywistym obok kodu. Przydatne przy małych projektach. Ma ograniczenia w wersji darmowej.
https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
Simple React Snippets
Snippety dla Reacta, czyli podpowiadanie składki, autocomplete kodu.
https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets
TODO Highlight
Chcesz zaznaczyć w kodzie co masz jeszcze do zrobienia ale zwykły komentarz jest niezauważalny? Ten plugin podświetla teksty TODO zarówno w kodzie jak i na scrollu.
https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight