Mājas lapa » Toolkit » 10 Sublime teksta paketes Frontend Developers

    10 Sublime teksta paketes Frontend Developers

    Sublime Text ir viens no spēcīgākajiem kodu redaktoriem ar dažām pārsteidzošām funkcijām, un tas var būt vēl jaudīgāks, instalējot Spraudņi vai Iepakojumi. Šie spraudņi pievieno papildu funkcijas Sublime Text. Un šodien ir daudzi spraudņi, lai izpildītu gandrīz jebkuru no jūsu kodēšanas vajadzībām.

    Laba paplašinājuma meklēšana varētu būt reāls izaicinājums; daži izstrādātāji ir pilnībā atteikušies no paplašinājumiem, bet citi, iespējams, vairs nav saderīgi ar Sublime Text 3, jaunāko versiju (šīs rakstīšanas laikā).

    Ja esat frontendu izstrādātājs, mēs esam izvēlējušies dažus paplašinājumus un ievietojuši tos kopā šajā rakstā. Šie ir 10 Sublime Text Packages frontend izstrādātājiem vajadzētu izmēģināt.

    Vairāk par Hongkiat.com:

    • 18 būtiski spraudņi, lai iegūtu vairāk no SublimeText
    • [Kā] Darbs ar koda fragmentiem tekstā Sublime
    • [Kā] Atjaunināt izmaiņas pārlūkprogrammā ar tekstu Sublime
    • [Kā to] Identificēt koda kļūdu Sublime Text
    • Vienkārša krāsa paņemšana tekstā

    1. AlignTab

    AlignTab ir spraudnis jūsu kodu saskaņošanai. Tam ir a “Priekšskatījuma režīms” kas ļauj jums redzēt, kā tiks pielīdzināts (ņemot vērā RegEx apzīmējumu), pirms tas tiek faktiski piemērots. Tam ir arī “Galda režīms” ļaus jums iestatiet tabulu pareizu saskaņošanu Markdown formātā, strukturēti ar cauruļvadiem: |. AlignTab ir ērts paplašinājums, lai sakārtotu kodu saskaņošanu un atvieglotu lasīšanu.

    2. ColorHighlighter

    ColorHighlighter ir spraudnis parāda atlasītos krāsu kodus ar to vizuālo krāsu. Ja izvēlaties “#fff” tas parādīs krāsu, baltu. ColorHighlighter atbalsta visus CSS krāsu formātus, piemēram, Hex, RGB, HSL, HSV un iekļauj tādus krāsu atslēgvārdus kā “sarkans”, “zaļa”, Tajā ir parādīti arī LESS, Sass un Stylus mainīgie, kas satur krāsu vērtību. Tas ir spraudnis, kas palīdzēs jums būt intuitīvākam, strādājot ar krāsām.

    3. MultiEditUtils

    MultiEditUtils spraudnis uzlabo iebūvēto SublimeText “vairāku kursoru” un “vairāku atlasi” funkcija, ietaupot laiku rediģējot garās kodu līnijas. Piemēram: jūs varat apvienot vai mijmaiņas starp izvēlētajām līnijām, tas arī uzlabo SublimeText “dalīta izvēle” ļaujot jums norādīt apzīmējumu, lai sadalītu atlasītās līnijas. Es domāju, ka tas ir spraudnis, lai instalētu pro-coders.

    4. Git Gutter

    Ja strādājat ar Git, Git Gutter ir ieteicams instalēt Sublime Text spraudni. GitGutter parādīs karogu noteces zonā, no jebkura labojumi, papildinājumi vai noņemšana, ko veicāt savā kodā. Tas ir noderīgs kods, lai uzreiz redzētu jūsu kodu izdevuma salīdzinājumu ar jūsu saistībām, filiālēm vai HEAD repozitoriju.

    5. Modificēts

    Modificēts ir noderīgs, ja savā darbā izmantojat Git vai SVN. Tāpat kā GitGutter, Modific atzīmēs izmaiņas jūsu kodos. Papildus izmaiņu izcelšanai varat arī apskatīt vai salīdzināt atšķirību starp pašreizējo kodu un pēdējo saistību, nospiežot taustiņu kombināciju Ctrl + Alt + D. Citas lietas, ko varat izdarīt ar Modific, ietver apskatīt pašreizējās līnijas saistīto kodu kā arī koda modifikāciju atjaunošana.

    6. Dec dec. Vērtība

    Inc Dec vērtība ļauj vienlaicīgi palieliniet vai samaziniet skaitļus, pat ja tie atrodas dažādās līnijās. Bez numuriem varat mainīt arī datumu vērtību un HEX krāsas. Lai izmantotu šo spraudni kopumā, virziet kursoru tikai pa labi no numura, tad nospiediet Alt + ↑ lai palielinātu numuru vai Alt + ↓ lai samazinātu numuru. Varat arī izmantot peli.

    7. FileBrowser

    FileBrowser piedāvā jaunu veidu, kā pārvietojiet savus failus un mapes savā projekta direktorijā. Instalējot šo spraudni, varat piekļūt savam projekta direktorijai jaunā sānjoslā un pārvietoties pa to, nepārvietojot rokas prom no tastatūras, piemēram, kā kodētāju. Kā jūs pieradāt, šis spraudnis var pakāpeniski palielināt jūsu darbplūsmu.

    8. IconFont

    IconFont nodrošina fragmentus daudziem populāriem ikonas fontiem, piemēram, FontAwesome, PaymentFont, Typicons un Github Octicons. Tā darbojas tāpat kā parastie HTML fragmenti saīsinājumi tiks paplašināti līdz pilnam garumam klasēm un HTML kodu katrai ikonai.

    9. DistractionFreeWindow

    Kaut arī Sublime Text ir iebūvēts “Bezmaksas traucējumi” funkcija ļauj koncentrēties uz ievadīto kodu vai saturu, kad atrodaties šajā režīmā, minimap, sānjosla un visas citas cilnes ir paslēptas. Bez traucējumiem nevajadzētu nozīmēt iespēju zaudēt piekļuvi šīm iezīmēm. Tas ir, ja DistractionFreeWindow nāk, lai sniegtu jums lielāku elastību attiecībā uz to, kā rīkoties bez traucējumiem brīvajā režīmā.

    10. FilterLines

    FilterLines ļauj jums meklēt, izmantojot jūsu dokumentā norādītās līnijas “atslēgvārdu virkne” vai “RegEx apzīmējums”. Tas ir ērts līdzeklis daudziem neapstrādātiem datiem kā JSON, JavaScript Array, CVS.

    Image Pieklājība: David Peckham