/ Wtyczki

Najlepsze rozszerzenia do Visual Studio Code 2018

Najlepsze wtyczki i rozszerzenia do Visual Studio Code 2018. Zwiększ swoją szybkość pisania kodu i produktywność.


  1. Auto Import

Screenshot-2018-1-25-Auto-Import---Visual-Studio-Marketplace-1-

Automatyczny import komponentów

Najlepsze rozszerzenia do Visual Studio Code
  1. Code-Spell Chcecker

Screenshot-2018-1-25-Code-Spell-Checker---Visual-Studio-Marketplace-1-

Wtyczka sprawdza nasz kod podzwględem gramatycznym.

Najlepsze rozszerzenia do Visual Studio Code
  1. React-Native/React/Redux snippets for es6/es7

Screenshot-2018-1-25-React-Native-React-Redux-snippets-for-es6-es7---Visual-Studio-Marketplace

Zestaw snippetów dla biblioteki react.js. Znaczaco przyspiesza pisanie kodu JSX


  1. GraphQL for VSCode

Screenshot-2018-1-25-GraphQL-for-VSCode---Visual-Studio-Marketplace

Rosrzerzenie po instalacji pomoga w pisaniu zapytań GraphQl, validacji GraphQl schema,

Najlepsze rozszerzenia do Visual Studio Code
  1. Color Highlights

Screenshot-2018-1-25-Color-Highlight---Visual-Studio-Marketplace

Wtyczka przekalada wartości HEX i Rgba na kolory w edytorze Visual Studio Code.


  1. Sublime Babel

Screenshot-2018-1-25-Sublime-Babel---Visual-Studio-Marketplace

Jeżeli używasz niestadnarodowego szablonu wyglądu edytora VSC, kolory rożnego typu elementów mogą byc inne niż oczekiwane.
Sublime Babel daje możliwosc ustawienia kolorow wedlug 3 scheamtow; standardowy, sublime, react

Najlepsze rozszerzenia do Visual Studio Code Najlepsze rozszerzenia do Visual Studio Code Najlepsze rozszerzenia do Visual Studio Code
  1. Guides

Screenshot-2018-1-25-Guides---Visual-Studio-Marketplace

Wtyczka pilnuje aby wycięcia w naszym edytorze tekstu byly równe i łatwe czytaniu.

Screenshot
  1. Rainbow Brackets

Screenshot-2018-1-25-Rainbow-Brackets---Visual-Studio-Marketplace

Rozszerzenie które koloruje nawiasy w kodzie na różne kolory przez co nasze funkcje i metody są latwiejsze w czytaniu


  1. Prettier - Code formatter

Screenshot-2018-1-25-Prettier---Code-formatter---Visual-Studio-Marketplace

Wtyczka która formatuje nasz kod JS/TypeScript/ES aby wyglądal ladniej i bardziej czytelnie.


  1. ES Lint

Screenshot-2018-1-25-ESLint---Visual-Studio-Marketplace

To rozszerzenie ratuje wiele godzin przy "debugowaniu" i pisaniu kodu, swego rodzaju "spell-checker", wychwytuje bledy naszych funkcji, metod, etc... .


  1. IntelliSense for CSS class names

Screenshot-2018-1-25-IntelliSense-for-CSS-class-names---Visual-Studio-Marketplace

Rozszerzenie bada nasze srodowisko oraz zapamietuje używane klasy css, przez co podczas pisania pokazuje się lista stylów gotowych do wybrania.


  1. Terminal

Screenshot-2018-1-25-Terminal---Visual-Studio-Marketplace

Wtyczka integruje PowerShella, Node.js i CMD line wprost do VSC.


  1. Webpack

Screenshot-2018-1-25-webpack---Visual-Studio-Marketplace

Wtyczka instaluje webpacka z minimalna początkowa konifguracja prosto z VSC


  1. Debugger for Chrome

Screenshot-2018-1-25-Debugger-for-Chrome---Visual-Studio-Marketplace-1-

Integracja Consoli Chrome z VSC. "Debug" prosto w VSC.

Demo
  1. Settings Sync

Screenshot-2018-1-25-Settings-Sync---Visual-Studio-Marketplace

Na koniec, Settings Sync pozwala za pomocą GitHuba i GIST pozwala zapisac nasze ustawienia VSC, w tym wtyczki, skróty klawiszowe, foldery snippetow. Warto więc po zainstalowaniu wszytskich wtyczek wymienionych powyżej przeprowadzic ten ostatni krok aby zachowac nasze ustawienia na przyszlosc, możemy także podzielic się naszym setup'em z innymi.


A jakie są wasze ulubione wtyczki, rosrzezenia i ustawienia ? Dajcie znac w komentarzach.