Kotisivu » Toolkit » 10 Frontend-kehittäjien tekstipaketit

    10 Frontend-kehittäjien tekstipaketit

    Sublime Text on yksi tehokkaimmista koodinmuokkaajista, joilla on hämmästyttäviä ominaisuuksia, ja se voi olla jopa tehokkaampi asentamalla liitännäiset tai paketit. Nämä lisäosat lisäävät lisätoimintoja Sublime Textille. Ja tänään on monia lisäosia, jotka täyttävät lähes kaikki koodaustarpeesi.

    Hyvin laajennuksen löytäminen voisi olla todellinen haaste; jotkut laajennukset ovat kehittäjät kokonaan luopuneet, kun taas toiset eivät ehkä enää ole yhteensopivia Sublime Text 3: n, viimeisimmän version (tämän kirjoituksen aikaan) kanssa.

    Jos olet frontend-kehittäjä, olemme valinneet joitakin laajennuksia ja asettaneet ne yhteen tässä artikkelissa. Nämä ovat 10 Sublime-tekstipakettien etuosan kehittäjien tulisi kokeilla.

    Lisää sivustosta Hongkiat.com:

    • 18 välttämätöntä laajennusta saadaksesi enemmän SublimeTextistä
    • [How to] Työskentele koodinpätkällä Sublime-tekstissä
    • [Miten] Päivitä muutokset selaimessa Sublime-tekstillä
    • [How To] Tunnista koodivirhe Sublime-tekstissä
    • Helppo värin poiminta tekstissä

    1. AlignTab

    AlignTab on plugin koodien kohdistamiseen. Sillä on “Esikatselutila” jonka avulla voit nähdä, miten kohdistusta sovelletaan (RegEx-merkinnän mukaan) ennen kuin sitä käytetään. Siinä on myös “Taulukko-tila” avulla voit aseta taulukoiden oikea kohdistus Markdown-muodossa, rakenteilla putkistoilla: |. AlignTab on kätevä laajennus koodin kohdistusjärjestykseen ja helpompi lukea.

    2. ColorHighlighter

    ColorHighlighter on plugin näyttää valitut värikoodit visuaalisen värinsä avulla. Jos valitset “#F F F” se näyttää värin, valkoisen. ColorHighlighter tukee kaikkia CSS-värimuotoja, kuten Hex-, RGB-, HSL-, HSV- ja värillisiä avainsanoja, kuten “punainen”, “vihreä”, Näyttää myös LESS-, Sass- ja Stylus-muuttujat, jotka sisältävät väriarvon. Se on osa pluginia, joka auttaa sinua olemaan intuitiivisempi, kun työskentelet väreillä.

    3. MultiEditUtils

    MultiEditUtils-laajennus parantaa SublimeTextin sisäänrakennettua “multi-kohdistin” ja “multi-valinta” ominaisuus, joka säästää aikaa pitkien koodirivien muokkaaminen. Esimerkiksi: voit yhdistää tai vaihtaa valittujen rivien välillä, se myös parantaa SublimeTextiä “jaettu valinta” sallimalla voit määrittää valitun rivin jakamisen. Mielestäni sen täytyy olla plugin asentaa pro-coders.

    4. Git Gutter

    Jos työskentelet Gitin kanssa, Git Gutter on suositeltava Sublime Text -sovellus asennettavaksi. GitGutter näyttää lipun missä tahansa muutokset, lisäykset tai poistot, jotka teit koodin sisällä. Se on hyödyllinen koodi, jonka avulla voit nähdä heti vertauksen koodisi painoksesta sitoumuksellesi, sivuliikkeellesi tai HEAD-arkistoon.

    5. Modific

    Modific on hyödyllinen, kun käytät Git- tai SVN-töitäsi. Aivan kuten GitGutter, Modific merkitsee muutoksia koodissasi. Muutosten korostamisen lisäksi voit myös tarkastella tai verrata nykyisen koodin ja viimeisen sitoumuksen eroa painamalla Ctrl + Alt + D. Muita asioita, joita voit tehdä Modificin kanssa, ovat esikatsele sidotun koodin nykyiselle riville yhtä hyvin kuin palauttaa koodimuutokset.

    6. Inc Dec -arvo

    Inc Dec -arvon avulla voit lisätä tai vähentää numeroita samanaikaisesti, vaikka ne olisivat eri linjoilla. Numeroiden lisäksi voit myös muuttaa päivämäärien arvoa ja HEX-värejä. Voit käyttää tätä laajennusta yleensä ohjaamalla kohdistimen numeron oikealle puolelle ja painamalla sitten Alt-näppäintä + ↑ lisätä numeroa tai Alt + ↓ vähentää numeroa. Voit myös käyttää hiiren pyörää.

    7. FileBrowser

    FileBrowser tarjoaa uuden tavan selaa tiedostoja ja kansioita projektin hakemistossa. Kun asennat tämän laajennuksen, voit käyttää projektihakemistoa uudessa sivupalkissa ja siirtyä sen läpi siirtämättä käsiäsi pois näppäimistöstäsi - kuten pro-kooderi. Kun tottelet siihen, tämä laajennus voi lisätä työnkulkuasi vähitellen.

    8. IconFont

    IconFont tarjoaa katkelmia monille suosituille kuvakkeille, kuten FontAwesome, PaymentFont, Typicons ja Github Octicons. Se toimii samalla tavalla kuin tavalliset HTML-pätkät missä lyhenteitä laajennetaan täyspitkiksi luokkien ja HTML-koodin jokaiselle kuvakkeelle.

    9. DistractionFreeWindow

    Vaikka Sublime Text on sisäänrakennettu “Vapaa häiriö” ominaisuuden avulla voit keskittyä kirjoittamaasi koodiin tai sisältöön, kun olet tässä tilassa, minimap, sivupalkki ja kaikki muut välilehdet ovat piilotettuja. Häiriötöntä ei pitäisi merkitä näiden ominaisuuksien käytön menettämistä. Silloin DistractionFreeWindow tulee tarjoamaan sinulle enemmän joustavuutta sen suhteen, miten häiriötilan vapaan tilan pitäisi toimia.

    10. FilterLines

    FilterLinesin avulla voit etsiä asiakirjan rivejä annetulle “avainsanojen merkkijono” tai “RegEx-merkintä”. Se on kätevä ominaisuus käsitellä suuria määriä raakatietoja muodossa JSON, JavaScript Array, CVS.

    Kuva Kohteliaisuus: David Peckham