Polecane wtyczki VSCode do web developmentu
Z VSCode korzystam już kilka dobrych lat i co jakiś czas dzielę się rekomendacjami odnośnie wtyczek, które pomagają mi w codziennej pracy. W końcu postanowiłem zebrać je w jedną listę.
W tym poście przedstawię kilka przetestowanych przeze mnie wtyczek, z których korzystam na co dzień i bez których nie wyobrażam sobie pracy. Nie jest to pełne zestawienie, wybrałem tylko te, z których korzystam najczęściej i mogą szybko usprawnić również Twoją pracę.
Moje polecane wtyczki
Poniżej znajdziesz moje rekomendowane wtyczki - kolejność alfabetyczna.
Auto Rename Tag - nie wiem, czy defaultowo VCCode już to ogarnia, ale strasznie irytowało mnie od samego początku, że edytor sam nie zmieniał tagów zamykających. Dzięki tej wtyczce nie muszę się tym już przejmować.
Code Spell Checker - wtyczka, która pozwala wyłapać całą masę literówek, które potem mogą przysporzyć sporo bugów oraz zjeść czas potrzebny na znalezienie błędów. Z biegiem lat mogę powiedzieć, że jest to game changer jeśli chodzi o wydajną pracę.
Dev Containers - jeśli korzystamy w projekcie z Dockera, to możemy otworzyć dowolny projekt, czy nawet folder z poziomu kontenera.
ESLint - znajdywanie problemów z kodzie na poziomie edytora - bez konieczności bezpośredniego uruchamiania ESLinta z poziomu terminala.
GitHub Copilot - z Copilota korzystam, gdy muszę pisać powtarzalny kod np. w trakcie warsztatów. Dzięki temu Copilot przygotowuje dla mnie templatki, a ja mogę skupić się na logice.
GitHub Copilot Chat - czasami piszę sobie z czatem, ale pamietajmy, aby nie spędzać tam za dużo czasu, bo projekt sam się nie napisze ;)
GitLens - ulubiona wtyczka do śledzenia historii zmian, pokazuje kto i kiedy modyfikował kod.
GraphQL - w projektach, w których korzystam z GraphQL dobrze koloruje składnię zapytań.
Import Cost - dodać nowy pakiet do projektu jest łatwo, ale czy zawsze jest sens? Wtyczka pokazuje jaki jest “koszt” zaimportowania konkretnego pakietu do pliku i projektu.
Jest Runner - z tą wtyczką jestem w relacji love-hate w zależności od projektu. Sama odpala testy, więc możemy robić TDD ;) Ale czasami też spowalnia pracę.
Live server - praktycznie już nie wykorzystuję, ale jest to fajna wtyczka do postawienia serwera statycznych plików. Bardziej dla leniuszków, którym nie chce się w terminal wpisać chociażby
python -m SimpleHTTPServer 9000Live Share - dobrze sprawdza się w pair-programmingu, możemy udostępniać nasz kod kilku osobom w trakcie spotkań.
Material Icon Theme - na początku nie byłem przekonany do kolorowych ikonek, ale później to był game changer - zdecydowanie łatwiej jest mi odnaleźć konkretny plik po jego kolorowej ikonie.
MJML - do formatowania składni genialnego frameworka do responsywnych emaili, czyli MJML.
Nx Console - z NX korzystam na codzień pracując z monorepo. Dzięki wtyczce mogę szybko zorientować się po powrocie do projektu, jakie taski można uruchomić.
Prettier - automatyczne formatowanie kodu na podstawie reguł Prettiera
Pretty TypeScript Errors - kolejny game changer. Domyślnie błędy TypeScript w VSCode wyglądają często paskudnie i ciężko zorientować się o co tak na prawdę chodzi. Dzięki tej wtyczce możemy zaoszczędzić sporo czasu.
Pseudocode - czasami na potrzeby prezentacji potrzebuję coś stworzyć w pseudo-kodzie. Ta wtyczka mi to łatwo umożliwia.
SonarLint - czy Twój kodzik śmierdzi? Dowiesz się tego z Sonara ;)
TailwindCSS IntelliSense - kolorowanie składni Tailwinda.
TODO Highlight - w projektach, w których pracuję jako konsultant oprócz wyszukiwania TODO i FIXME w kodzie mogę szybciej zauważyć takie smaczki bezpośrednio w pliku.
Trailing Spaces - zdecydowanie polecam, jeśli chcemy tworzyć elegancki kod bez konieczności przepuszczania przez kolejne narzędzia.
vscode-styled-components - do kolorowania składni styled-components.
YAML - do kolorowania składni YAML.
Podsumowując
Rozpoczynając tego posta myślałem, że korzystam z około 5-10 wtyczek, a okazało się że ta lista jest całkiem pokaźna 😅 Oczywiście wszystko zależy od projektu, w jakim aktualnie biorę udział, ale każda z tych wtyczek jest przetestowana w bojach i mogę ją śmiało zarekomendować.
Jestem ciekaw z jakich wtyczek Ty korzystasz - daj znać w komentarzu.
Do usłyszenia 👋