22 χρήσιμες επεκτάσεις για αρχάριους

Επεκτάσεις για το Chrome και το Visual Studio Κώδικα, η οποία θα διευκολύνει πολλές εργασίες κατά τη σύνταξη κώδικα και να αποθηκεύσετε το χρόνο σας.

επέκταση Chrome

1.WhatFont - ένας απλός τρόπος για να γνωρίζουμε τι είδους γραμματοσειρά χρησιμοποιείται σε ένα συγκεκριμένο δικτυακό τόπο για να το βρείτε και να χρησιμοποιούν στα έργα τους.

2.φυτοφάρμακο - ένα εργαλείο για την ανίχνευση άκρης

3.ColorZilla - ένα εργαλείο για την απόκτηση ακριβές χρώμα από τις ιστοσελίδες. Για λόγους ευκολίας, ο κώδικας χρώμα αντιγράφεται άμεσα στο πρόχειρο.

4.CSS Peeper - επέκταση που χρησιμοποιείται για την προβολή στις ιστοσελίδες των χρωμάτων και του καταλόγου περιουσιακών στοιχείων: εικόνες, έγγραφα κειμένου, αρχεία διάταξης, τα αρχεία βίντεο.

5.Wappalyzer - ένα βοηθητικό πρόγραμμα που σας επιτρέπει να αναγνωρίσετε τα πλαίσια διαχείρισης περιεχομένου σύστημα, το λογισμικό του server, εργαλεία ανάλυσης και άλλες τεχνολογίες που χρησιμοποιούνται στις ιστοσελίδες.

6.Αντιδράστε Εργαλεία για προγραμματιστές - ένα χρήσιμο εργαλείο για τον εντοπισμό σφαλμάτων εφαρμογών React.js.

7.Redux DevTools - ένα εργαλείο για εφαρμογές εντοπισμού σφαλμάτων με χρήση Redux.

8.JSON Μορφοποιητής - επέκταση να διευκολύνει την αναγνωσιμότητα των JSON επισήμανση σύνταξης, εσοχή, clickable συνδέσεις.

9.Vimeo Επανάληψη και Ταχύτητα - μια απλή επέκταση να επιταχυνθεί η υπηρεσία βίντεο Vimeo, Το οποίο είναι χρήσιμο όταν παρακολουθείτε βίντεο tutorials.

Επεκτάσεις για VS Κωδικός

10.Αυτόματη Μετονομασία ετικετών - επέκταση να μετονομάσετε τις ετικέτες HTML. Εάν αλλάξετε την ετικέτα ανοίγματος και κλεισίματος αλλάξει αυτόματα.

11.HTML CSS Υποστήριξη - υποστήριξη CSS για HTML-έγγραφα με τονισμό σύνταξης, που συνδέει απομακρυσμένα CSS-αρχεία και άλλες χρήσιμες λειτουργίες.

12.HTML αποσπάσματα - αποσπάσματα για να εξοικονομήσετε χρόνο.

13.Βαβέλ ES6 / ES7 - ένα εργαλείο για την ανάδειξη και ελέγξτε τη σύνταξη της JavaScript Βαβέλ.

14.Στήριγμα Ζεύγος Colorizer  - Εργαλείο για το χρωματισμό το άνοιγμα και το κλείσιμο παρένθεση ενός συγκεκριμένου χρώματος για εύκολη ανάκτηση.

15.ESLint  - ενσωμάτωση ESLint στον κώδικα Visual Studio για να ελέγξετε την ποιότητα του κώδικα σας και να βρείτε σφάλματα.

16.Οδηγοί - προσθέτοντας επιπλέον γραμμές οδηγό στον κώδικα για μεγαλύτερη ευκολία κατά την αναζήτηση για το άνοιγμα και το κλείσιμο στοιχείων.

17.Κονσόλα JavaScript Utils  - ένα εργαλείο για να απλοποιήσει τη δημιουργία χρήσιμες οδηγίες console.log (), συμπεριλαμβανομένων γρήγορη επικόλληση του κώδικα για την καταγραφή επιλεγμένων μεταβλητών.

18.Κωδικός Spell Checker - μια επέκταση για ένα γρήγορο έλεγχο του κώδικα ορθογραφία.

19.GitLens - ένα χρήσιμο εργαλείο για την απεικόνιση των πληροφοριών για την ιστορία του κώδικα που σας επιτρέπει να παρακολουθείτε το πότε και από ποιον έγιναν αλλαγές.

20.Intellisense διαδρομή - ένα εργαλείο για την αυτόματη προσθήκες ονόματα όπως γραμμές εισόδου.

21.όμορφη  - επέκταση να διαμορφώσετε αυτόματα τον κωδικό σας και να το φέρει σε διαφορετικά μέρη ενός ενιαίου μυαλού.

22.VSCode-Εικόνες - προσθήκη οπτική εικονίδια στο δέντρο των αρχείων για ευκολότερη αναζήτηση και καλύτερη οπτική αντίληψη.

Για να ρυθμίσετε τα πάντα σε αυτή τη λίστα, βέβαια, δεν είναι απαραίτητο. Μερικές από αυτές τις επεκτάσεις μπορεί να κληθεί εναλλάξιμα, για άλλους θα απαιτήσει εμπειρία από τη χρήση απλούστερων εργαλείων.

Τα σχόλια μας πείτε σχετικά με τις επεκτάσεις που βοηθούν στην πρώιμη μάθηση και ότι είναι ακόμα σε χρήση.

βλέπε επίσης

• Πώς να μάθουν προγραμματισμό από το μηδέν →
• Ποια γλώσσα προγραμματισμού είναι καλύτερα να μάθετε πρώτα, και γιατί →
• 20 πιο συνιστάται βιβλία στα ρωσικά προγραμματιστές →