Μοντάζ από το Μονακό
Γράψτε κώδικα σε ένα πρόγραμμα επεξεργασίας που έχει σχεδιαστεί για δομημένα αρχεία, καρτέλες και γνωστές ροές εργασιών κωδικοποίησης.
Χώρος εργασίας κώδικα που βασίζεται σε πρόγραμμα περιήγησης
Κωδικοποιήστε, προεπισκόπηση και δοκιμάστε έργα απευθείας στο πρόγραμμα περιήγησής σας
Εργαστείτε σε ένα πρόγραμμα επεξεργασίας που υποστηρίζεται από το Μονακό με καρτέλες έργου και ζωντανή προεπισκόπηση. Ξεκινήστε γρήγορα, επιθεωρήστε τις αλλαγές καθώς κατασκευάζετε και εξάγετε το έργο σας όταν είναι έτοιμο.
Συντάκτης του ΜονακόΖωντανή προεπισκόπησηΒασισμένο σε πρόγραμμα περιήγησηςΚαμία ρύθμιση
KreoCode χώρος εργασίας
src/App.tsx
TypeScript + Αντιδράστε
const workflow = {
preview: true,
setup: 'none'
};
// Προεπισκόπηση ενημερώσεων καθώς αλλάζει το έργο
$ npm run preview
Η προεπισκόπηση μεταγλωττίστηκε με επιτυχία
Η προεπισκόπηση μεταγλωττίστηκε με επιτυχία
Ζωντανή προεπισκόπηση
Έτοιμη η προεπισκόπηση
Ένας εστιασμένος χώρος εργασίας ανάπτυξης προγράμματος περιήγησης
Τα βοηθητικά προγράμματα επεξεργασίας κώδικα, προεπισκόπησης και προγραμματιστών οργανώνονται γύρω από την εργασία που πρέπει να ολοκληρώσετε τώρα.
Ζωντανή οπτική προεπισκόπηση
Ελέγξτε την έξοδο του προγράμματος περιήγησης παράλληλα με τα αρχεία σας κατά την επανάληψη στα HTML, CSS και JavaScript.
Ξεκινήστε χωρίς ρύθμιση
Ανοίξτε ένα έργο στο πρόγραμμα περιήγησης χωρίς να διαμορφώσετε πρώτα ένα περιβάλλον τοπικής ανάπτυξης.
Ροή εργασιών προγράμματος περιήγησης
Διατηρήστε τα πρόχειρα στον ενεργό χώρο εργασίας σας και αποφασίστε πότε θα εξάγετε τα αρχεία του έργου σας.
Ροές εργασίας πρώτου κώδικα για πρακτικά έργα
Χρησιμοποιήστε το πρόγραμμα επεξεργασίας όπου ο πηγαίος κώδικας, η απόδοση απόδοσης και τα εστιασμένα βοηθητικά προγράμματα προγραμματιστή πρέπει να παραμείνουν κοντά.
Πρωτότυπα Frontend
Δημιουργήστε και επιθεωρήστε μικρές ιδέες διεπαφής με προεπισκόπηση πηγής και προγράμματος περιήγησης σε έναν χώρο εργασίας.
Επαναχρησιμοποιήσιμα αποσπάσματα
Σχεδίαση, βελτίωση και εξαγωγή παραδειγμάτων κώδικα για εργασίες τεκμηρίωσης, διδασκαλίας ή υλοποίησης.
API και πειράματα δεδομένων
Συνδυάστε τη λογική JavaScript με βοηθητικά προγράμματα μορφοποίησης και επικύρωσης JSON κατά τη δοκιμή της συμπεριφοράς ωφέλιμου φορτίου.
Από την ιδέα στην προεπισκόπηση σε τρία βήματα
Μια σύντομη ροή εργασίας για πρωτότυπα, αποσπάσματα και εργασίες έργου που αντιμετωπίζουν το πρόγραμμα περιήγησης.
Ξεκινήστε την κωδικοποίηση
Ανοίξτε το πρόγραμμα επεξεργασίας και δημιουργήστε το έργο σας με οργανωμένα αρχεία πηγής.
Προεπισκόπηση άμεσα
Επιθεωρήστε το αποτέλεσμα που έχει αποδοθεί ενώ βελτιώνετε τη διάταξη και τη συμπεριφορά.
Εξάγετε την εργασία σας
Λήψη αρχείων έργου όταν ολοκληρωθεί η ροή εργασίας του προγράμματος περιήγησής σας.
Εργαλεία προγραμματιστών που συνδέονται με τη ροή εργασίας σας
Χρησιμοποιήστε εστιασμένα βοηθητικά προγράμματα Kreotar για μορφοποίηση, δοκιμή και δημιουργία κοινών τιμών ανάπτυξης.
JSON ΜορφήΜορφοποιήστε και ελέγξτε τα δεδομένα JSON.Regex TesterΔοκιμή εκφράσεων σε δείγμα κειμένου.Αποκωδικοποιητής JWTΕπιθεωρήστε γρήγορα τα ωφέλιμα φορτία διακριτικών.Γεννήτρια κατακερματισμούΔημιουργήστε κατακερματισμούς για συμβολοσειρές.Γεννήτρια UUIDΔημιουργήστε αναγνωριστικά για έργα.Μετατροπέας χρονοσήμανσηςΜεταφράστε κοινές τιμές χρόνου.Μορφοποιητής κώδικαΚάντε τον επικολλημένο κώδικα πιο εύκολο να ελεγχθεί.Κωδικός MinifierΠροετοιμάστε συμπαγή έξοδο κώδικα.JSON Επικύρωση σχήματοςΕλέγξτε τα δομημένα δεδομένα εισόδου.
Kreotar χώρος εργασίας προγραμματιστή
Ένα πρόγραμμα επεξεργασίας κώδικα σχεδιασμένο για γρήγορη εργασία του προγράμματος περιήγησης
Το Kreotar Code Editor δίνει στους προγραμματιστές και τους μαθητές ένα άμεσο μέρος για να γράψουν τον κώδικα έργου του προγράμματος περιήγησης, να προβάλουν αποτελέσματα και να προετοιμάσουν αρχεία χωρίς να ξεκινήσουν με τοπική εγκατάσταση. Είναι χρήσιμο για πρωτότυπα, επιδείξεις, μικρά πειράματα διεπαφής και γρήγορες επιδιορθώσεις.
Όταν χρειάζονται βοηθητικά βοηθητικά προγράμματα, τα εργαλεία προγραμματιστή βρίσκονται σε απόσταση ενός συνδέσμου: μορφοποιήστε ωφέλιμα φορτία, δοκιμάστε κανονικές εκφράσεις ή δημιουργήστε αναγνωριστικά πριν συνεχίσετε στο πρόγραμμα επεξεργασίας. Η ροή εργασίας παραμένει ελαφριά και συνδεδεμένη με το ευρύτερο οικοσύστημα Kreotar.
Ηλεκτρονική επεξεργασία κώδικα χωρίς εγκατάσταση έργου
Ένας διαδικτυακός επεξεργαστής είναι χρήσιμος όταν η άμεση ανάγκη είναι η εγγραφή, η επιθεώρηση και η προεπισκόπηση του κώδικα του προγράμματος περιήγησης χωρίς να διαμορφώσετε μια τοπική αλυσίδα εργαλείων. Αυτό το καθιστά κατάλληλο για παραδείγματα, σύντομα πειράματα και πρωτότυπα με δυνατότητα επανεξέτασης.
Ζωντανή προεπισκόπηση για HTML, CSS και JavaScript εργασία
Η οπτική έξοδος δίνει πλαίσιο στις αλλαγές της πηγής. Επεξεργαστείτε το έργο, επιθεωρήστε τα αποτελέσματα που έχουν αποδοθεί και προσαρμόστε τη συμπεριφορά σε μια ροή εργασίας που βασίζεται στον κώδικα που βλέπει το πρόγραμμα περιήγησης.
Βοηθητικά προγράμματα προγραμματιστή ως συνδεδεμένα σημεία εισόδου
Η εργασία κώδικα συχνά περιλαμβάνει επικύρωση JSON, δοκιμή regex, αποκωδικοποίηση διακριτικών ή δημιουργία αναγνωριστικών. Οι σύνδεσμοι με δυνατότητα ανίχνευσης σε αυτά τα εργαλεία καθιστούν τη ροή εργασίας του προγραμματιστή ανιχνεύσιμη και ευκολότερη τη συνέχιση.
Ερωτήσεις για τον επεξεργαστή κώδικα
Πρακτικές λεπτομέρειες σχετικά με τη χρήση του χώρου εργασίας του προγράμματος περιήγησης.
Μπορώ να ανοίξω το πρόγραμμα επεξεργασίας κώδικα χωρίς εγκατάσταση λογισμικού;
Ναί. Ο χώρος εργασίας ανοίγει στο πρόγραμμα περιήγησής σας, ώστε να μπορείτε να ξεκινήσετε την επεξεργασία και την προεπισκόπηση ενός έργου χωρίς τοπική ρύθμιση.
Περιλαμβάνει το πρόγραμμα επεξεργασίας ζωντανή προεπισκόπηση;
Ναί. Ο χώρος εργασίας περιλαμβάνει ζωντανή προεπισκόπηση για έξοδο έργου που βλέπει στο πρόγραμμα περιήγησης ενώ εργάζεστε.
Πώς μπορώ να συνεχίσω με τα αρχεία μου;
Εργαστείτε στον χώρο εργασίας του προγράμματος περιήγησης και χρησιμοποιήστε τα στοιχεία ελέγχου εξαγωγής του όταν είστε έτοιμοι να πραγματοποιήσετε λήψη αρχείων έργου.