Koduleht » Toolkit » 10 Frontend-arendajate tekstipaketid

    10 Frontend-arendajate tekstipaketid

    Sublime Text on üks võimsamaid koodiredaktoreid, millel on mõned hämmastavad funktsioonid, ja see võib olla veelgi võimsam installimisel Pluginad või Paketid. Need pluginad lisavad Sublime Textile täiendavaid funktsioone. Ja täna on palju pluginaid, mis täidavad peaaegu kõiki teie kodeerimisvajadusi.

    Hea laienduse leidmine võib olla tõeline väljakutse; mõned arendajad on mõned laiendused täielikult loobunud, samas kui teised ei pruugi enam olla ühilduvad Sublime Text 3, viimane versioon (selle kirjutamise ajal).

    Kui olete frontendi arendaja, oleme meil mõned laiendused käsitsi valinud ja need teie jaoks käesolevas artiklis kokku pandud. Need on 10 Sublime Teksti paketid Frontend arendajad peaksid proovima.

    Veel Hongkiat.com lehelt:

    • 18 olulist pluginat, et saada rohkem välja SublimeTextist
    • [Kuidas] Töötada koodilõigudega tekstis Sublime Text
    • [How To] Värskenda muudatusi brauseris koos tekstiga Sublime
    • [Kuidas] Koodivea tuvastamine tekstis Sublime
    • Lihtne värvi valimine tekstis

    1. AlignTab

    AlignTab on teie koodide joondamiseks mõeldud plugin. Sellel on “Eelvaate režiim” mis võimaldab teil näha, kuidas joondust rakendatakse (kui RegExi märget kasutatakse) enne selle tegelikku rakendamist. Sellel on ka “Tabeli režiim” võimaldab teil määrake tabelite vastavus Markdowni vormingus, torustikega: |. AlignTab on mugav laiend koodide joondamiseks ja lugemise lihtsustamiseks.

    2. Värvivalgusti

    ColorHighlighter on see plugin näitab valitud värvikoode nende visuaalse värviga. Kui valite “#fff” see näitab värvi, valge. ColorHighlighter toetab kõiki CSS-värvivorminguid, nagu Hex, RGB, HSL, HSV, ja lisavad värvilisi märksõnu nagu “punane”, “roheline”, See näitab ka LESS, Sass ja Stylus muutujaid, mis sisaldavad värvi väärtust. See on üks plugin, mis aitab teil olla värvide töötamisel intuitiivsem.

    3. MultiEditUtils

    MultiEditUtils plugin parandab sisseehitatud SublimeText'i “mitme kursoriga” ja “mitmevalik” funktsioon, mis säästab meid pikkade koodiridade redigeerimine. Näiteks: saate ühendada või vahetada valitud ridade vahel, see parandab ka SublimeText'i “jagatud valik” lubades teil määrata märke valitud ridade jagamiseks. Ma arvan, et see peab olema plugin, et installida pro-coders.

    4. Git Gutter

    Kui te töötate Gitiga, on Git Gutter soovitatav Sublime Text plugin installimiseks. GitGutter näitab lippu mis tahes vihmaveerennil teie koodis tehtud muudatused, täiendused või eemaldamine. See on kasulik kood, mis näeb koheselt teie koodi väljavõtte võrdlemist teie pühendumise, filiaali või HEAD hoidla vahel.

    5. Modific

    Modific on kasulik, kui kasutate oma töös Git'i või SVN-i. Just nagu GitGutter, tähistab Modific oma koodide muutust. Lisaks muudatuste esiletõstmisele saate vaadata või võrrelda praeguse koodi ja viimase toime erinevust, vajutades Ctrl + Alt + D. Muud asjad, mida Modificiga teha saate vaadake praeguse rea eelistatud koodi sama hästi kui koodi muutmise taastamine.

    6. Dets. Väärtus

    Inc Dec Value võimaldab teil suurendada või vähendada numbreid samaaegselt, isegi kui need on eri liinidel. Lisaks numbritele saate muuta ka kuupäeva ja HEXi värve. Selle pistikprogrammi kasutamiseks suunake kursor just numbri paremal pool ja vajutage Alt + ↑ numbri suurendamiseks või Alt + ↓ arvu vähendamiseks. Võite kasutada ka hiire ratast.

    7. FileBrowser

    FileBrowser pakub uut võimalust navigeerige oma failide ja kaustade kaudu oma projektikataloogis. Selle plugina installimisel saate juurdepääsu oma projektikataloogile uues külgriba ja navigeerida selle kaudu, liigutamata käsi klaviatuurilt eemale - nagu pro-kooder. Kui olete sellega harjunud, võib see plugin teie töövoogu järk-järgult suurendada.

    8. IconFont

    IconFont pakub väljavõtteid paljudele populaarsetele ikoonifontidele nagu FontAwesome, PaymentFont, Typicons ja Github Octicons. See toimib sarnaselt tavaliste HTML-fragmentidega, kus lühendeid laiendatakse täispikkuses iga ikooni klasside ja HTML-koodi kohta.

    9. DistractionFreeWindow

    Kuigi Sublime Text on sisseehitatud “Vaba häirimine” funktsioon võimaldab teil keskenduda koodile või sisule, mida kirjutate, kui olete selles režiimis, minipiir, külgriba ja kõik muud vahekaardid on peidetud. Häirivus ei tohiks tähendada juurdepääsu kaotamist nendele funktsioonidele. See on koht, kus DistractionFreeWindow jõuab, et anda teile rohkem paindlikkust seoses sellega, kuidas häireteta vaba režiim peaks käituma.

    10. FilterLines

    FilterLines võimaldab teil otsida antud dokumendi ridasid “märksõna string” või “RegExi märge”. See on mugav funktsioon tegeleda suure hulga toorandmetega kujul JSON, JavaScript Array, CVS.

    Pilt viisakalt: David Peckham