Pagrindinis » Įrankių rinkinys » 10 „Frontend Developers“ teksto paketų pašalinimas

    10 „Frontend Developers“ teksto paketų pašalinimas

    „Sublime Text“ yra vienas galingiausių kodo redaktorių su kai kuriomis nuostabiomis funkcijomis ir gali būti dar galingesnis diegiant Įskiepiai arba Paketai. Šie papildiniai prideda papildomų funkcijų „Sublime“ tekstui. Ir šiandien yra daug įskiepių, kad įvykdytų beveik visus jūsų kodavimo poreikius.

    Vis dėlto rasti gerą plėtinį gali būti tikras iššūkis; kai kurie plėtiniai jų kūrėjai visiškai atsisakė, o kiti gali nebūti suderinami su „Sublime“ tekstu 3, naujausia versija (šio rašymo metu).

    Jei esate „Frontend“ kūrėjas, mes pasirinkome kai kuriuos plėtinius ir pateikiame juos šiame straipsnyje. Sitie yra 10 „Subublime“ teksto paketų „Frontend“ kūrėjai turėtų išbandyti.

    Daugiau apie „Hongkiat.com“:

    • 18 esminių įskiepių, kad gautumėte daugiau „SublimeText“
    • [Kaip] Darbas su kodo fragmentais Sublime Text
    • [Kaip] Atnaujinti naršyklės pakeitimus su „Sublime“ tekstu
    • [Kaip] Nustatyti kodo klaidą tekste „Sublime“
    • Paprastas spalvų rinkimas į tekstą

    1. AlignTab

    „AlignTab“ yra papildinys, skirtas kodams suderinti. Tai turi “Peržiūra” kuris leidžia jums matyti, kaip bus pritaikytas suderinimas (atsižvelgiant į „RegEx“ žymėjimą) prieš jį iš tikrųjų taikant. Ji taip pat turi “Stalo režimas” leis jums nustatyti tinkamą lentelės derinimą „Markdown“ formatu, su vamzdynais: |. „AlignTab“ yra patogus išplėtimas, kad būtų galima tvarkyti kodo derinimą ir lengviau skaityti.

    2. ColorHighlighter

    „ColorHighlighter“ yra papildinys rodo pasirinktus spalvos kodus su jų vaizdine spalva. Jei pasirinksite “#fff” tai parodys spalvą, balta. „ColorHighlighter“ palaiko visus CSS spalvų formatus, pvz., „Hex“, „RGB“, „HSL“, „HSV“ ir įtraukia panašius spalvinius raktinius žodžius: “raudona”, “žalias”, Taip pat rodomi LESS, Sass ir Stylus kintamieji, kuriuose yra spalvų reikšmė. Tai kūrinys, kuris padės jums būti intuityviau dirbant su spalvomis.

    3. MultiEditUtils

    „MultiEditUtils“ įskiepis pagerina įmontuotą „SublimeText“ “daugiakursorius” ir “daugialypis pasirinkimas” funkcija, taupydama laiką redaguoti ilgas kodo eilutes. Pavyzdžiui: galite sujungti arba keisti pasirinktas linijas, taip pat pagerina „SublimeText“ “dalinis pasirinkimas” leisdami nurodyti žymėjimą, kad padalytumėte pasirinktas linijas. Manau, kad tai turi turėti papildinį, kurį norite įdiegti pro-koduotojams.

    4. Git Gutter

    Jei dirbate su „Git“, „Git Gutter“ yra rekomenduojamas „Sublime Text“ papildinys, kurį norite įdiegti. GitGutter bus rodoma vėliava latakų zonoje redagavimai, papildymai ar pašalinimas, kurį atlikote per savo kodą. Tai naudingas kodas, leidžiantis iškart matyti savo kodo leidimo palyginimą su jūsų įsipareigojimu, filialu ar HEAD saugykla.

    5. Modifikacija

    Modifikacija yra naudinga, kai savo darbe naudojate „Git“ arba SVN. Kaip ir „GitGutter“, „Modific“ pažymės jūsų kodų pakeitimą. Be to, kad pažymėtumėte pakeitimus, taip pat galite peržiūrėti arba palyginti dabartinio kodo ir paskutinio įvykio skirtumą, paspausdami Ctrl + Alt + D. Kiti dalykai, kuriuos galite padaryti su „Modific“ peržiūrėkite dabartinės eilutės priskirtą kodą taip pat kodo pakeitimų grąžinimas.

    6. „Dec Dec“ vertė

    „Inc Dec Value“ leidžia jums padidinti arba sumažinti skaičių vienu metu, net jei jie yra skirtingose ​​linijose. Be numerių, galite pakeisti datų ir HEX spalvų vertę. Jei norite naudoti šį papildinį paprastai nukreipti žymeklį tiesiai iš numerio, tada paspauskite Alt + ↑ padidinti skaičių arba Alt + ↓ sumažinti skaičių. Taip pat galite naudoti pelės ratuką.

    7. „FileBrowser“

    „FileBrowser“ siūlo naują būdą naršykite savo failus ir aplankus savo projekto kataloge. Įdiegę šį įskiepį, galite prieiti prie savo projekto katalogo naujoje šoninėje juostoje ir naršyti, neperkeldami rankų nuo klaviatūros - kaip koduotojo. Įprasta, kad šis įskiepis gali palaipsniui padidinti jūsų darbo eigą.

    8. IconFont

    „IconFont“ pateikia daugelio populiarių piktogramų šriftų, tokių kaip „FontAwesome“, „PaymentFont“, „Typicons“ ir „Github Octicons“ fragmentus. Jis veikia panašiai kaip įprasti HTML fragmentai santrumpos bus išplėstos iki pilno ilgio klasių ir kiekvienos piktogramos HTML kodo.

    9. DistractionFreeWindow

    Nors „Sublime“ tekstas yra integruotas “Nemokamas dėmesys” funkcija leidžia jums sutelkti dėmesį į kodą ar turinį, kurį rašote, kai esate šiame režime, minipas, šoninė juosta ir visi kiti skirtukai yra paslėpti. Neištikimybė neturėtų reikšti galimybės prarasti prieigą prie šių funkcijų. Štai kur „DistractionFreeWindow“ ateina, kad suteiktų jums daugiau lankstumo, kaip elgtis laisvai veikiantį režimą.

    10. „FilterLines“

    „FilterLines“ leidžia jums ieškoti per jūsų dokumento eilutes tam tikrame “raktinių žodžių eilutė” arba “„RegEx“ žymėjimas”. Tai patogi funkcija spręsti didelius neapdorotų duomenų kiekius JSON, JavaScript Array, CVS forma.

    Image Courtesy: David Peckham