Εργαλεία για το Sublime Text Editor
O Sublime Text Editor είναι ένας δωρεάν Editor που μας αρέσει πολύ και εδώ είναι διάφορα εργαλειάκια που μπορείς να του βάλεις:
Key Bindings
Για να προσθεσουμε ενα καινουργιο keyboard shortcut : Preferences>Key Bindings και προσθετουμε στο User αυτο που θελουμε
indentation κώδικα {“keys”: [“alt+shift+l”], “command”: “reindent”, “args”: {“single_line”: false}} Πλεον με το alt+shift+l θα μπορει να “τακτοποιείται” ο κωδικας .
Πως εγκαθιστουμε ενα πακετο στο Sublime
Tools>Command Palette(Shift+Ctrl+P)>Package Control: Install Package και εισάγουμε το όνομα του πακέτου που θέλουμε να εγκαταστήσουμε .
Πως απεγκαθιστουμε ενα πακετο απο το Sublime
Tools>Command Palette(Shift+Ctrl+P)>Package Control: Remove Package και εισάγουμε το όνομα του πακέτου που θέλουμε να απεγκαταστήσουμε .
Χρησιμα πακετα για Web development
Emmet Το Emmet είναι ένα εργαλείο το οποίο μας βοηθάει να βελτιώσουμε την ροή εργασίας μας . πχ “ <div class=”test”></div> “ = “ .test “+ Shift σε ενα web αρχείο . Δηλαδή γράφουμε κλάσεις και αυτόματα γίνονται elements. Βλέπει documentation τι κανει τι (λινκ)
AdvancedNewFile Το Advanced New File είναι ενα εργαλείο το οποίο μας βοηθάει να δημιουργήσουμε πιο εύκολα φακέλους , μονοπάτια και αρχεία .
Key shortcut for Windows: Ctrl + Alt + N
Key shortcut for Linux & Mac: Super + Alt + N
WordPress Εδώ μπορείτε να βρείτε όλες τις εντολές του WP. Απλά πας να τη γράψεις και σου εμφανίζει όλο τον αντίστοιχο κωδικα!
SCSS Με αυτο το plugin προσθετουμε χρωμα και ζωντανια στον κωδικα της SCSS ο οποιος στην αρχη αναγνωριζεται ως απλο κειμενο απο το sublime , επισης υπαρχουν οδηγιες και για SASS
Για να την εμφάνιση https://github.com/nathos/sass-textmate-bundle
Για να κάνετε build το scss σε css μπορείτε να βαλετε το plugin εδω https://github.com/jaumefontal/SASS-Build-SublimeText2
ColorHighlighter Σου δίνει τη δυνατότητα να βλέπεις τα χρώματα (hex) μεσα στο κώδικα
Px To Em Για να κανεις convert px σε em με shortcut