22 nuttige uitbreidingen voor beginners

Extensies voor Chrome en Visual Studio Code, die veel taken zal vergemakkelijken bij het schrijven van code en sla uw tijd.

Chrome-extensies

1.WhatFont - een eenvoudige manier om te weten wat voor soort lettertype wordt gebruikt op een bepaalde website te vinden en te gebruiken in hun projecten.

2.pesticide - een hulpmiddel voor randdetectie

3.ColorZilla - een hulpmiddel om accurate kleuren te verkrijgen van websites. Voor het gemak is de kleurcode rechtstreeks gekopieerd naar het klembord.

4.CSS Peeper - uitbreiding gebruikt voor het bekijken op de websites van de kleuren en de lijst activa: illustraties, tekstdocumenten, lay-out en videobestanden.

5.Wappalyzer - een hulpprogramma waarmee u het content management systeem van kaders, serversoftware, analysetools en andere technologieën die worden gebruikt op websites te identificeren.

6.Reageer Developer Tools - een nuttig hulpmiddel voor het debuggen React.js toepassingen.

7.Redux DevTools - een hulpmiddel om debug toepassingen met behulp van Redux.

8.JSON Formatter - uitbreiding van de leesbaarheid van JSON syntax highlighting, inspringen, aanklikbare links te vergemakkelijken.

9.Vimeo Herhalen en Snelheid - een eenvoudige uitbreiding te versnellen van de videodienst VimeoDit is handig bij het bekijken van video tutorials.

Extensies voor VS Code

10.Auto Rename Tag - uitbreiding van de HTML-tags te hernoemen. Als u de opening tag te veranderen en sluiten automatisch gewijzigd.

11.HTML CSS-ondersteuning - steun CSS voor HTML-documenten met syntax highlighting, het aansluiten van externe CSS-bestanden en andere handige functies.

12.HTML Snippets - snippets om tijd te besparen.

13.Babel ES6 / ES7 - een hulpmiddel voor het benadrukken en controleer de syntaxis van JavaScript Babel.

14.Beugel Pair Colorizer  - Hulpmiddel voor het kleuren van het openen en sluiten van schijven van een bepaalde kleur gemakkelijk terug te vinden.

15.ESLint  - ESLint integratie in de Visual Studio Code om de kwaliteit van je code te controleren en te vinden bugs.

16.Gidsen - toevoegen van extra richtlijnen in de code voor meer gemak bij het zoeken voor het openen en sluiten van elementen.

17.JavaScript-console Utils  - een instrument om de creatie van bruikbare aanwijzingen console.log () te vereenvoudigen, met inbegrip van een snelle plakken van de code om in te loggen geselecteerde variabele.

18.Code Spell Checker - een uitbreiding voor een snelle controle van de spelling code.

19.GitLens - een nuttig hulpmiddel voor het visualiseren van informatie over de geschiedenis van de code die u toelaat om bij te houden wanneer en door wie wijzigingen zijn aangebracht houden.

20.path Intellisense - een hulpmiddel voor het automatisch toevoegingen van bestandsnamen ingangslijnen.

21.prettier  - verlengstuk van uw code automatisch op en breng het naar verschillende delen van een enkele geest.

22.VSCode-iconen - het toevoegen van visuele iconen om de boom van bestanden makkelijker zoeken en een betere visuele waarneming.

Voor het instellen van alles op deze lijst, is natuurlijk niet nodig. Sommige van deze uitbreidingen kan worden genoemd uitwisselbaar, voor anderen zal ervaring van het gebruik eenvoudiger gereedschap nodig.

De opmerkingen vertel ons over extensies die hulp in het begin van het leren en dat je nog steeds in gebruik.

zie ook

• Hoe om te leren programmeren vanaf nul →
• Wat programmeertaal is het beter om eerst leren, en waarom →
• 20 meest aanbevolen boeken in de Russische programmeurs →