Το JavaScript χρησιμοποιείται πολύ στην ανάπτυξη ιστού, αλλά και για άλλα πράγματα, όπως η ανάπτυξη και οι εφαρμογές για κινητά. Ένας απλός επεξεργαστής κειμένου μπορεί να είναι μόνο που χρειάζεστε για CSS και HTML5, αλλά το JavaScript χρειάζεται λίγο περισσότερο. Εδώ είναι αυτό που θεωρείται ευρέως το καλύτερο IDE JavaScript για την ανάπτυξη ιστοσελίδων αυτή τη στιγμή.

Ένα καλό IDE JavaScript πρέπει να έχει μερικά βασικά χαρακτηριστικά. Θα πρέπει να περιλαμβάνει εργαλεία όπως συμπλήρωση αυτόματου κώδικα, λειτουργίες λιστών, δημιουργία κώδικα, refactoring, έξυπνη πλοήγηση, ενσωματωμένο πρόγραμμα εντοπισμού σφαλμάτων και χαρακτηριστικά δοκιμής. Ένα καλό IDE θα περιλαμβάνει επίσης χειρισμό σφαλμάτων και εξαίρεσης και πρόσθετα για να επεκτείνει το ρεπερτόριό του.

Ορισμένες από τις ΙΔΕ JavaScript σε αυτήν τη λίστα είναι premium, μερικές είναι δωρεάν, πολλοί μεταφορτώνονται στον υπολογιστή σας, αλλά ζευγάρι είναι συνδεδεμένοι στο διαδίκτυο. Όλοι τους εξετάζονται ευνοϊκά και φαίνονται πολύ δημοφιλείς. Αν ψάχνετε για ένα νέο IDE JavaScript για την ανάπτυξη ιστού, μία από αυτές είναι βέβαιο ότι θα ταιριάζει με το λογαριασμό.

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

WebStorm

Το WebStorm είναι ένα από τα πιο δημοφιλή IDE του JavaScript, αν ο αριθμός των λήψεων και οι θετικές κριτικές είναι κάτι που πρέπει να περάσετε. Σχεδιάστηκε από το έδαφος για να είναι φιλικό προς τον χρήστη και εύκολο στη χρήση και σίγουρα φαίνεται να είναι. Είναι συμβατό με JavaScript, HTML, CSS, γωνιακό και Node.js έτσι έχει όλες τις βάσεις που καλύπτονται. Είναι επίσης συμβατό με τα πλαίσια γωνίας, React και Meteor και εφαρμογές Cordova, PhoneGap και ιωνικής ανάπτυξης κινητών.

Το WebStorm έχει ένα μεγάλο βοηθητικό πρόγραμμα refactoring κώδικα, ώστε ακόμα και οι νέοι κωδικοποιητές να μπορούν να παράγουν τακτοποιημένο κώδικα. Μπορεί να εξαγάγει μεταβλητές, να μετακινήσει αρχεία, να ολοκληρώσει αυτόματα και να βοηθήσει με παραμέτρους και λειτουργίες. Εάν είστε πιο έμπειρος κωδικοποιητής, θα βρείτε όλα τα προηγμένα εργαλεία που χρειάζεστε για να δημιουργήσετε μερικές εντυπωσιακές εφαρμογές και χαρακτηριστικά.

Το WebStorm δεν είναι δωρεάν και απαιτεί ετήσια συνδρομή για χρήση.

Ατομο

Atom είναι ένα άλλο εξαιρετικά δημοφιλές IDE JavaScript. Είναι ουσιαστικά ένας επεξεργαστής κειμένου που μπορείτε να βιδώσετε σε όσα χαρακτηριστικά χρειάζεστε. Συμβατό με HTML, JavaScript, CSS και Node.js, το Atom είναι χτισμένο σε ένα πλαίσιο cross-platform που έχει ήδη αποδείξει την αξία του στον προγραμματισμό JavaScript.

Η λειτουργία πολλαπλών πλατφορμών είναι εξαιρετική για συνεργατικά έργα, ενώ ο ενσωματωμένος διαχειριστής πακέτων προσφέρει τη δυνατότητα προσθήκης πολλών προ-κατασκευασμένων πακέτων ή δημιουργίας δικών σας. Αυτό είναι ένα από τα πιο βραβευμένα χαρακτηριστικά του Atom, καθώς προσφέρει τεράστια ελευθερία να ρυθμίσετε το IDE ακριβώς όπως θέλετε να το χρησιμοποιήσετε.

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

Το Atom είναι ελεύθερο να το χρησιμοποιήσει.

Codepen

Το Codepen αποκαλεί την «παιδική χαρά για την εμπρόσθια πλευρά του ιστού». Είναι ένα από αυτά τα online IDE JavaScript που ανέφερα παραπάνω και είναι πολύ καλό σε αυτό που κάνει. Παίζει ωραία με HTML, CSS και JavaScript και λειτουργεί με το CoffeeScript ή το LiveScript. Είναι χρήσιμο τόσο για τους αρχάριους που θέλουν να μάθουν τον κώδικα και να το αναθεωρήσουν από τους συνομηλίκους αλλά και έμπειρους κωδικοποιητές που θέλουν να χτίσουν σε ένα ζωντανό περιβάλλον προεπισκόπησης.

Υπάρχουν πολλά εργαλεία CSS, HTML και JavaScript μέσα στο Codepen. Δημιουργείτε τον κώδικα σας μέσα σε ένα στυλό χρησιμοποιώντας μερικά πολύ ισχυρά εργαλεία όπως το Emmet για να δημιουργήσετε γρήγορα καθαρό κώδικα. Μπορείτε επίσης να χρησιμοποιήσετε Vim Key Bindings εάν τα γνωρίζετε για γρήγορη παραγωγή. Έχετε επίσης πρόσβαση στα συνηθισμένα εργαλεία κώδικα και στις λειτουργίες που θα περιμένατε από ένα εγκατεστημένο IDE.

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

Το Codepen έχει δωρεάν και έκδοση Pro.

Υψηλό κείμενο 3

Το Sublime Text 3 διαθέτει τις περισσότερες λίστες με καλή IDE JavaScript. Αυτό που άρχισε η ζωή ως ένας απλός επεξεργαστής κειμένου έχει εξελιχθεί σε ένα ολοκληρωμένο IDE που περιλαμβάνει πολλά από τα εργαλεία που αναμένετε να χρησιμοποιήσετε κατά τη σύνταξη του κώδικα σας. Είναι ιδιαίτερα προσαρμόσιμο, λειτουργεί σε διάφορες πλατφόρμες και διαχειρίζεται Πακέτα με ευκολία.

Το UI είναι απλό αλλά αποτελεσματικό. Λειτουργεί επίσης γρήγορα. Η τυποποιημένη εγκατάσταση περιέχει πολλά εργαλεία που θα χρησιμοποιούσατε όλη την ώρα, αλλά ο Διαχειριστής Συσκευασίας διασφαλίζει ότι θα έχετε όσα χαρακτηριστικά χρειάζεστε. Λειτουργεί με Emmet, Babel, SublimeLimiter και άλλους για να σας βοηθήσει να διατηρήσετε το JavaScript σας καθαρό και τακτοποιημένο.

Όπως το Codepen, ένα από τα πραγματικά κορυφαία σημεία του Υψηλού Κειμένου 3 είναι η κοινότητα. Όχι μόνο δημιουργούν πρόσθετα για το πρόγραμμα, αλλά βοηθούν, αναθεωρούν και προσφέρουν κάθε είδους θέματα βοήθειας και συζήτησης. Αυτά είναι τα είδη των κοινοτήτων που σας κάνουν να πιστεύετε ότι η ανθρωπότητα έχει ακόμα ένα μέλλον.

Το Sublime Text 3 είναι ελεύθερο να προσπαθήσει, αλλά να κρατήσει 70 δολάρια.

NetBeans

Το NetBeans ξεκίνησε τη ζωή ως εργαλείο Java, αλλά επεκτάθηκε για να συμπεριλάβει το JavaScript και το Node.js. Λειτουργεί επίσης με HTML, CSS, PHP, JS, C / C ++, Python και άλλες γλώσσες. Λειτουργεί μέσα σε μια εικονική μηχανή Java, έτσι θα λειτουργήσει στα περισσότερα λειτουργικά συστήματα και μπορεί να διαμορφωθεί όπως σας αρέσει.

Το NetBeans περιλαμβάνει τα περισσότερα από τα εργαλεία και τις λειτουργίες που θα περιμένατε συμπεριλαμβανομένης της αναδίπλωσης κώδικα, της μορφοποίησης κώδικα, των εργαλείων JSON, της αυτόματης συμπλήρωσης μεταβλητών, των αναφορών λειτουργίας, των λειτουργιών της βιβλιοθήκης, των τάξεων και πολλά άλλα. Αφού γίνει, η σωστή λειτουργία εντοπισμού σφαλμάτων και σφάλματος θα επισημάνει τυχόν σφάλματα και ακόμη θα προσφέρει συμβουλές για το πού μπορούν να βρεθούν περαιτέρω βελτιστοποιήσεις.

Το NetBeans διαθέτει επίσης δροσερές επεκτάσεις Chrome, οι οποίες επιτρέπουν την αποτελεσματική αντιστοίχιση των σφαλμάτων και τη δυνατότητα επεξεργασίας πηγών μέσα από το πρόγραμμα περιήγησης. Προφανώς ένα πολύ χρήσιμο εργαλείο.

Το NetBeans είναι δωρεάν και ανοιχτό.

Όπως ανέφερα στην κορυφή, δεν είμαι ένας κωδικοποιητής, οπότε έπρεπε να κάνω μια ταινία για να βοηθήσω με αυτό το κομμάτι. Ενώ οι συστάσεις είναι δικές της, τυχόν σφάλματα ή λάθη είναι δικά μου!

Έχετε άλλες προτάσεις για έναν καλό IDE JavaScript; Πείτε μας το παρακάτω εάν το κάνετε!

Δείτε επίσης

Ποιο είναι το καλύτερο εκπαιδευτικό όνομα ομάδας WhatsApp;Εάν στείλετε ένα μήνυμα σε μια διασημότητα στο Instagram, εμφανίζεται πραγματικά όταν το διαβάζει;Τι σημαίνει εάν ένα κορίτσι (αφού σας εξαπατήσει) δεν διαγράψει τον αριθμό σας ή δεν σας εμποδίσει από το FB και το WhatsApp, αλλά επίσης δεν επικοινωνήσει ποτέ μαζί σας;Ποιοι είναι οι δημιουργικοί τρόποι δημοσίευσης στο Instagram και οι ιστορίες του;Πού μπορώ να παρακολουθήσω τις μετρήσεις του Instagram Story;Ποιος είναι ο ευκολότερος τρόπος για να ελέγξετε εάν ένας αριθμός έχει Whatsapp εκτός από το να το αποθηκεύσετε στις επαφές μου και να περιμένω ελπίζοντας ότι θα εμφανιστεί στη λίστα της εφαρμογής μέσα στα επόμενα 15 λεπτά;Ποια είναι η καλύτερη συμβουλή Instagram που μπορείτε να λάβετε και γιατί συμβαίνει αυτό;Υπάρχει πραγματικά ένας κώδικας για την ταχεία αύξηση των οπαδών στο Instagram;