webtrends

Κυριακή, 18 Νοεμβρίου 2012 18:15

Sublime Text 2 editor

O Sublime Text 2 ειναι ένας editor, πραγματικά μοναδικός. Είναι απίστευτα γρήγορος, όμορφος και βέβαια εύχρηστος! Τι άλλο θα μπορούσε κανείς να ζητήσει από έναν editor; Είχα μάλλον την τύχη να μην έχω δοκιμάσει πάρα πολλούς και να πέσω - απ' ότι δείχνουν όλα - κατευθείαν πάνω στον κορυφαίο. Μέχρι πριν ένα χρόνο χρησιμοποιούσα αποκλειστικά το Dreamweaver για κάνω το οτιδήποτε. Δοκίμασα τα τελευταία χρόνια αρκετούς windows editors, αλλά κανείς ποτέ δεν μου έκανε κλικ.  Σκάλωσα λίγο με τον Notepad ++, αλλά και πάλι, κάτι έλειπε.

Ότι έλειπε το βρήκα σε αυτόν τον editor. Είχα κουραστεί να διαβάζω συνέχεια από developers ότι αυτόν τον editor δεν τον αλλάζουν με τίποτα, οπότε είπα να ανακαλύψω το γιατί. Έκτοτε έγινα καλύτερος στην δουλεία μου. Παρακολουθώντας στενά πως χρησιμοποιούνται κάποια εργαλεία, ειδικότερα στο web Design ή development μπορείς τελικά να γίνεις πολύ πιο αποδοτικός, πιο γρήγορος και τελικά πιο ελεύθερος! Ας σας κάνω μια γρήγορη παρουσίαση λοιπόν, τι εστί Sublime Text 2 editor!

Nα αναφέρω ότι παρόλο που έχει ένα nolimit trial version, δεν ειναι δωρεάν. Το κόστος του είναι στα 60$. Ήταν τα καλύτερα 60$ που έχω δώσει την τελευταία 5ετιά.

Καταρχήν πατήστε πάνω στην εικόνα για να δείτε ένα snapshot του editor. Έχετε δει πιο ωραίο editor; Η απάντηση ειναι όχι. Βγαίνει μόνο σε αυτά τα χρώματα; Φυσικά και όχι. Ο Sublime ειναι με διαφορά ο πιο εύπλαστος editor που έχω χρησιμοποιήσει. Μπορείς κυριολεκτικά να τον κάνεις μπίλιες, να τρέξεις ότι template θες, να επιλέξεις ανάμεσα στα χιλιάδες addons(packages) και τελικά να τον φέρεις ακριβώς στα μέτρα σου. Παραμετροποιούνται τα πάντα, σε βαθμό που μπορεί για κάποιους να καταντάει γελοίο. Για παράδειγμα δείτε το αρχείο των ρυθμίσεων μου στο Sublime Text 2

{
"auto_complete_commit_on_tab": true,
    "caret_style": "phase",
    "highlight_line": true,
"tab_size":4,
    "fade_fold_buttons": false,
    "bold_folder_labels": true,
    "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
    "default_encoding": "UTF-8",
    "font_size": 13,
    "highlight_line": true,
    "highlight_modified_tabs": true,
    "ignored_packages":
    [
        "Vintage"
    ],
    "line_padding_bottom": 2,
    "line_padding_top": 2,
    "soda_classic_tabs": true,
    "theme": "Soda Dark.sublime-theme",
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true,
    "word_wrap": true
}

Με αυτή την εντελώς κοινή array σύνταξη, το προφίλ του χρήστη μου "τρέχει" μια σειρά απο παραμέτρους. Άλλη γραμματοσειρά, άλλο theme, διαφορετική απόσταση ανάμεσα στις γραμμές. Η λίστα δεν έχω ιδέα αν τελειώνει, είμαι σίγουρος ότι σε αρκετούς hardcore devs η λίστα αυτή έχει το τριπλάσιο μέγεθος.

Και μπορεί να σκέφτεστε. Καλά, οκ, τον κάνεις ότι θες, γι' αυτό ειναι καλός; Ναι, αλλά δεν ειναι μόνο αυτό. Ειναι απίστευτα γρήγορος, αρχεία που θα κρασάραν εύκολα το σύστημα σας, εδώ απλά ανοίγουν. Έχει τόσες εκατοντάδες shortcuts που μπορείτε να μην δουλέψετε καθόλου με το mouse. Μπορείτε να "σπάσετε" την οθόνη σε παράθυρα(frames) και το κάθε παράθυρο να τρέχει τα δικά του Tabs. Κάτι τέτοιο σου λύνει κυριολεκτικά τα χέρια ειδικότερα όταν γράφεις MVC εφαρμογές.

 

Ειναι τρελός ο τρόπος που βρίσκει πιο αρχείο θέλετε να ανοίξετε. Με Fuzzy Searching γράφετε στο περίπου ότι θυμάστε απο το όνομα του αρχείου που θα θέλατε να επεξεργαστείτε και επιτόπου το ST2 δίνει προεραιτότητα σε αυτό που ταιρίαζει και ανοίξατε πρόσφατα ενώ ταυτόχρονα σας δείχνει σε πραγματικό χρόνο τα περιεχομενα του! Σας είπα, ειναι πραγματικά γρήγορο. Μπορείς να φτιάξεις snippets για τα πάντα, να γράφεις 5 χαρακτήρες και να δημιουργές πραγματικά πολύ πολύπλοκες δομές, που αναγκάζεσαι να γράφεις ξανά και ξανά. Μόνο απ'αυτό έχω κερδίσει πολλές ώρες δουλειάς.

Μπορείς να πλοηγηθείς μεσα στο αρχείο η να ανοίξεις κατευθείαν αρχείο και να πάς ακριβώς στην function που σε ενδιαφέρει! Αν είσαι πραγματικά σπασικλάκι μπορείς να κάνεις search με Regular Expressions. Ναι, μπορείς να ψάξεις τον κώδικα σε folder και να του πεις να αντικαταστήσει περίεργα πράγματα, με patterns.

 

Ειναι τόσα πολλα αυτά που μπορεί να κάνει αυτός ο editor! Ειναι ότι πιο Hot κυκλοφορεί στους κύκλους των Developers διεθνώς, ανεξάρτητα απο την γλώσσα προγραμματισμού που χρησιμοποιούν. Και αυτό ειναι που τον πάει κατευθείαν στην κορυφή. Έχουν γραφτεί τόσα addons που πιθανότατα ότι και αν ψάχνετε κάποιος πριν απο εσάς το έχει κάνει addon. Απλά ψάξτε το μέσα απο το ίδιο το πρόγραμμα ( Package Manager)

 

Σκεφτόμουν να σας δείξω μερικά πράγματα απ' αυτά που κάνει και θα το κάνω πολύ σύντομα ανεβάζοντας ένα ScreenCast με τα βασικά πράγματα που λάτρεψα σε αυτόν. Μέχρι τότε σας παραθέτω δύο πάρα μα πάρα πολύ χρήσιμα link. Αφού κατεβάσετε το trial απο την επίσημη ιστοσελίδα του http://www.sublimetext.com/2 μπορείτε να παίξετε με τα εκατοντάδες shortcuts του

 

 

Και μετά αν δεν έχετε ακόμα πειστεί, ότι αυτό που βλέπετε είναι ο επόμενος editor σας, δείτε την εξαιρετική σειρά των Screencast από τον αγαπημένο μου web instructor Jeffrey Way -> https://tutsplus.com/course/improve-workflow-in-sublime-text-2/

 

Ειμαι σίγουρος ότι θα χαζέψετε! Απο τα βίντεο του Jeffrey, αν δεν έχετε ιδέα απο Zen Coding θα πάθετε ένα μικρό σοκ, όμως πλέον το ΖΕΝ σταματάει να υπάρχει και η αντικατάσταση του λέγεται EMMET, οπότε κατεβάστε αυτό κατευθείαν μέσα απο τον Package manager.

 

Αυτά είχα να πώ. Happy Coding :-)

Διαβάστηκε 2261 φορές

Lollypop :: Κατασκευή Ιστοσελίδων

Τσαμαδού 82-84 Πειραιάς, 18534

Τηλ 211 790 5890
Φαξ 211 770 5763

Χάρτης Lollypop