10 balíčkov typu Sublime Text pre vývojárov Frontend
Sublime Text je jedným z najvýkonnejších editorov kódu s niektorými úžasnými funkciami a môže byť inštaláciou ešte výkonnejší plugins alebo balíčky. Tieto pluginy pridávajú do Sublime Text ďalšie funkcie. A dnes existuje veľa pluginov na splnenie takmer všetkých vašich kódovacích potrieb.
Nájsť dobré rozšírenie však by mohlo byť skutočne náročné; niektoré rozšírenia boli úplne opustené ich vývojármi, zatiaľ čo iní už nemusia byť kompatibilné s Sublime Text 3, najnovšia verzia (v čase tohto písania).
Ak ste vývojár frontend, vybrali sme si v tomto článku niekoľko rozšírení a vytvorili sme ich spolu. Toto sú 10 balíčkov Sublime Text by sa mali vyskúšať vývojári frontend.
Viac informácií o Hongkiat.com:
- 18 základných pluginov, ktoré vám umožnia získať viac z aplikácie SublimeText
- [Ako] pracovať s úryvkami kódu vo formáte Sublime
- [Ako] Aktualizovať zmeny v prehliadači pomocou Sublime Text
- [Ako] Identifikovať chybu kódu v jazyku Sublime
- Jednoduché vyberanie farieb vo vysokom texte
1. AlignTab
AlignTab je doplnok na zarovnanie kódov. Má a “Režim ukážky” čo vám umožní zistiť, ako bude zarovnanie použité (pred zápisom RegEx) skôr, než bude skutočne použitá. Má tiež “Režim tabuľky” vám umožní nastavte správne zarovnanie tabuliek vo formáte Markdown, štruktúrované pomocou potrubí: |. AlignTab je praktické rozšírenie na úpravu kódu a uľahčenie čítania.
2. ColorHighlighter
ColorHighlighter je plugin, ktorý zobrazuje vybrané farebné kódy so svojimi vizuálnymi farbami. Ak vyberiete “#fff” zobrazí vám farbu, bielu. ColorHighlighter podporuje všetky farebné formáty CSS, ako sú Hex, RGB, HSL, HSV a obsahujú kľúčové slová ako farba “červená”, “zelená”, atď. Zobrazujú tiež premenné LESS, Sass a Stylus, ktoré obsahujú hodnotu farby. Je to doplnok, ktorý vám pomôže pri intuitívnej práci s farbami.
3. MultiEditUtils
Plugin MultiEditUtils vylepšuje vstavaný SublimeText “multi-kurzora” a “multi-výber” funkcia, ktorá nám ušetrí čas editovanie zdĺhavých riadkov kódu. Napríklad: môžete zlúčiť alebo vymieňať medzi vybranými riadkami, ale aj vylepšiť SublimeText “rozdelenie výberu” tým, že umožňuje určiť notáciu na rozdelenie vybraných riadkov. Myslím, že to musí mať doplnok pre inštaláciu pre programátorov.
4. Git Gutter
Ak pracujete s Git, Git Gutter je odporúčaný doplnok Sublime Text na inštaláciu. GitGutter zobrazí príznak v oblasti žľabu úpravy, doplnenia alebo odstránenia, ktoré ste urobili vo svojom kóde. Je to užitočný kód, ktorý vám umožní okamžite zobraziť porovnanie medzi kódom vydania vo vašom oddelení, pobočke alebo úložisku HEAD.
5. Modific
Modific je užitočná, keď používate Git alebo SVN vo svojej práci. Rovnako ako GitGutter, Modific označí zmenu vašich kódov. Okrem zvýraznenia zmien môžete tiež zobraziť alebo porovnať rozdiely medzi aktuálnym a posledným kódom stlačením klávesov Ctrl + Alt + D. Ďalšie veci, ktoré môžete robiť s modifikom, sú: ukážte záväzný kód pre aktuálny riadok rovnako ako aj vrátenie kódových úprav.
6. Inc Dec Hodnota
Inc Dec Hodnota vám umožňuje zvýšiť alebo znížiť čísla súčasne, aj keď sú na rôznych linkách. Okrem čísel môžete tiež zmeniť hodnotu dátumov a farieb HEX. Ak chcete použiť tento doplnok všeobecne, presuňte kurzor napravo od čísla a stlačte kláves Alt + ↑ zvýšiť počet alebo Alt + ↓ znížiť počet. Môžete tiež použiť koliesko myši.
7. FileBrowser
FileBrowser ponúka nový spôsob, ako prechádzať vaše súbory a priečinky v adresári projektu. Keď nainštalujete tento doplnok, môžete mať prístup k adresáru projektu v novom postrannom paneli a prechádzať sa bez toho, aby ste sa vymanili z klávesnice - ako programátor. Ako si na to zvykne, tento plugin môže postupne zvyšovať váš pracovný tok.
8. IconFont
IconFont poskytuje úryvky pre mnoho populárnych fontov ikon ako FontAwesome, PaymentFont, Typicons a Github Octicons. Funguje to podobne ako bežné útržky kódu HTML skratky sa rozšíria na celú dĺžku tried a kódu HTML pre každú ikonu.
9. DistractionFreeWindow
Aj keď je vstavaný text Sublime Text “Voľný rozptýlenie” funkcia umožňuje zaostrovať na kód alebo obsah, ktorý píšete, keď ste v tomto režime, minimap, bočný panel a všetky ostatné karty sú skryté. Rozptýlenie by nemalo znamenať stratu prístupu k týmto funkciám. Toto je miesto, kde DistractionFreeWindow prichádza, aby vám poskytol väčšiu flexibilitu, pokiaľ ide o to, ako by mal fungovať režim Free Distraction.
10. FilterLines
Funkcia FilterLines umožňuje vyhľadávať v riadkoch v rámci daného dokumentu “reťazec kľúčového slova” alebo “Zápis RegEx”. Je to praktická funkcia riešiť veľké množstvo nespracovaných údajov vo forme JSON, JavaScript Array, CVS.
