logo

Εργαλεία για το Sublime Text Editor

Εργαλεία για το Sublime Text Editor

Ετικέτες: sublime

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

 

2 found this helpful