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

2024 Συγγραφέας: Malcolm Clapton | [email protected]. Τελευταία τροποποίηση: 2023-12-17 03:52

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

Επεκτάσεις Chrome

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

2. Το φυτοφάρμακο είναι ένα εργαλείο για την επισήμανση περιγραμμάτων και τις τροποποιήσεις CSS. Χρήσιμο κατά τον έλεγχο του μοντέλου διάταξης μπλοκ.

3. Το Colorzilla είναι ένα εργαλείο για τη λήψη ακριβών χρωμάτων από ιστότοπους. Για ευκολία, ο χρωματικός κώδικας αντιγράφεται απευθείας στο πρόχειρο.

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

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

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

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

8. Το JSON Formatter είναι μια επέκταση για την απλοποίηση της αναγνωσιμότητας του JSON με επισήμανση σύνταξης, εσοχές και συνδέσμους με δυνατότητα κλικ.

9. Το Vimeo Repeat and Speed είναι μια απλή επέκταση για την επιτάχυνση της υπηρεσίας βίντεο Vimeo, η οποία είναι χρήσιμη όταν παρακολουθείτε εκπαιδευτικά βίντεο.

Επεκτάσεις για VS Code

10. Η αυτόματη μετονομασία ετικέτας είναι μια επέκταση για τη μετονομασία ετικετών HTML. Όταν αλλάζετε την ετικέτα ανοίγματος, η ετικέτα κλεισίματος θα αλλάξει αυτόματα.

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

12. Τα HTML Snippets είναι έτοιμα αποσπάσματα για εξοικονόμηση χρόνου.

13. Το Babel ES6 / ES7 είναι ένα εργαλείο JavaScript για την επισήμανση και τον έλεγχο σύνταξης Babel.

14. Το Bracket Pair Colorizer είναι ένα εργαλείο για το χρωματισμό ανοιγών και κλεισίματος αγκύλων με συγκεκριμένα χρώματα για γρήγορη εύρεση τους.

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

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

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

18. Το Code Spell Checker είναι μια επέκταση για γρήγορο ορθογραφικό έλεγχο κώδικα.

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

20. Το Path Intellisense είναι ένα εργαλείο για την αυτόματη συμπλήρωση ονομάτων αρχείων καθώς εισάγεται μια γραμμή.

21. Το Prettier είναι μια επέκταση για την αυτόματη μορφοποίηση κώδικα και τη μεταφορά των διαφόρων ενοτήτων του σε μια ενιαία μορφή.

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

Φυσικά, δεν πρέπει να εγκαταστήσετε τα πάντα από αυτήν τη λίστα. Ορισμένες από αυτές τις επεκτάσεις μπορούν να ονομαστούν εναλλάξιμες, ενώ άλλες απαιτούν εμπειρία με απλούστερα εργαλεία.