22 użytecznych rozszerzeń dla początkujących

Rozszerzenia dla Chrome i Visual Studio Code, który ułatwi wykonywanie wielu zadań podczas pisania kodu i zaoszczędzić czas.

rozszerzenie Chrome

1.WhatFont - prosty sposób, aby wiedzieć, jaki rodzaj czcionki jest używany w danej witryny internetowej, aby ją odnaleźć i wykorzystać w swoich projektach.

2.pestycyd - narzędzie do wykrywania krawędzi

3.ColorZilla - narzędzie do uzyskania właściwych kolorów ze stron internetowych. Dla wygody, kod koloru są kopiowane bezpośrednio do schowka.

4.CSS Peeper - rozszerzenie wykorzystywane do oglądania na stronach internetowych kolorów i listy aktywa: ilustracje, dokumenty tekstowe, pliki wideo, pliki układ.

5.Wappalyzer - narzędzie, które pozwala na określenie ram zarządzania treścią systemowe, oprogramowanie serwera Analytics narzędzia i inne technologie wykorzystywane na stronach internetowych.

6.React Narzędzia dla programistów - przydatne narzędzie do debugowania aplikacji React.js.

7.Redux DevTools - narzędzie do debugowania aplikacji korzystających Redux.

8.JSON Formatter - rozszerzenie do ułatwienia czytelności JSON podświetlaniem składni, wcięcia, klikalne odnośniki.

9.Vimeo i szybkość powtarzania - proste rozszerzenie, aby przyspieszyć obsługę wideo Vimeo, Co jest przydatne podczas oglądania filmów instruktażowych.

Rozszerzenia dla kodu VS

10.Auto Rename Tag - rozszerzenie do zmiany nazwy znaczników HTML. Jeśli zmienisz znacznik otwierania i zamykania automatycznie zmieni.

11.HTML CSS Pomoc - wsparcie CSS dla dokumentów HTML z podświetlaniem składni, łączących odległe pliki CSS i inne użyteczne funkcje.

12.Fragmenty HTML - fragmenty, aby zaoszczędzić czas.

13.Babel ES6 / ES7 - narzędzie do podkreślenia i sprawdzić składnię JavaScript Babel.

14.Wspornik Pair Colorizer  - Narzędzie do barwienia otwieranie i zamykanie nawiasów określonego koloru do łatwego wydobycia.

15.ESLint  - integracja ESLint w Visual Studio Code aby sprawdzić jakość kodu i znaleźć błędy.

16.przewodniki - dodając dodatkowe linie prowadzące w kodzie dla większej wygody podczas wyszukiwania do otwierania i zamykania elementów.

17.Konsola JavaScript Utils  - narzędzie do uproszczenia tworzenia przydatnych wskazówek console.log (), w tym szybkie wklejenie kodu do logowania wybraną zmienną.

18.Kod Sprawdzanie pisowni - rozszerzenie do szybkiego sprawdzenia kodu pisowni.

19.GitLens - przydatne narzędzie do wizualizacji informacji o historii kodu, który pozwala śledzić, kiedy i przez kogo zostały dokonane zmiany.

20.ścieżka Intellisense - narzędzie do automatycznego dodatkami nazwach jak liniach wejściowych.

21.ładniejsza  - rozszerzenie automatycznego formatowania kodu i dostosowania go do różnych części pojedynczego umysłu.

22.VSCode-ikony - dodawanie ikon wizualnych drzewa plików dla łatwiejszego wyszukania i percepcji wzrokowej lepiej.

Aby ustawić wszystko na tej liście, oczywiście, nie jest to konieczne. Niektóre z tych rozszerzeń można nazwać zamiennie, dla innych będzie to wymagało doświadczenia przy użyciu prostszych narzędzi.

Uwagi mówią nam o rozszerzeniach, które pomagają we wczesnym uczenia się i które są nadal w użyciu.

zobacz także

• Jak uczyć się programowania od podstaw →
• Jaki język programowania jest lepiej, aby dowiedzieć się najpierw, a dlaczego →
• 20 najbardziej polecane książki w rosyjskich programistów →