{"id":226838,"date":"2022-08-30T19:01:00","date_gmt":"2022-08-30T16:01:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226838"},"modified":"2022-11-09T02:28:14","modified_gmt":"2022-11-08T23:28:14","slug":"upeat-tekstilaajennukset-ja-paketit-jotka-kannattaa-tarkistaa","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/upeat-tekstilaajennukset-ja-paketit-jotka-kannattaa-tarkistaa\/","title":{"rendered":"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa"},"content":{"rendered":"\n<p>Kaikki kehitt\u00e4j\u00e4t rakentavat omat ty\u00f6kalunsa erilaisten projektien k\u00e4sittelyyn. Verkkokehitt\u00e4j\u00e4n k\u00e4ytt\u00e4m\u00e4t ty\u00f6kalut voivat lyhent\u00e4\u00e4 verkkosivuston tai verkkosovelluksen valmistumiseen kuluvaa aikaa ja helpottaa teht\u00e4vien k\u00e4sittely\u00e4.<\/p>\n<p>\u00c4lyk\u00e4s ty\u00f6kalut ovat v\u00e4ltt\u00e4m\u00e4tt\u00f6mi\u00e4 jokaisen menestyv\u00e4n kehitt\u00e4j\u00e4n ty\u00f6nkulussa, joten jos haluat parantaa ty\u00f6kalupakkiasi kokonaan uusilla temppuilla, on hyv\u00e4 idea lukea t\u00e4m\u00e4 artikkeli huolellisesti alusta loppuun.<\/p>\n<p>Ei ole pulaa <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/9-parasta-koodieditorivaihtoehtoa-verkkokehittaejille\/\" title=\"koodieditoreista\" >koodieditoreista<\/a>, joiden avulla voit helpottaa ty\u00f6t\u00e4si. Niiden joukosta p\u00e4\u00e4tt\u00e4minen on paljon vaikeampaa, kun sinua odottaa niin monia vaihtoehtoja.<\/p>\n<p><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe2ef12b.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Siksi esittelemme yhden vaihtoehdon, joka on muiden yl\u00e4puolella: <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sublime Text<\/a>. T\u00e4m\u00e4 on yksi markkinoiden laajimmin k\u00e4ytetyist\u00e4 koodieditoreista, ja tuhannet ohjelmoijat, web-kehitt\u00e4j\u00e4t ja web-suunnittelijat pit\u00e4v\u00e4t sit\u00e4 parempana.<\/p>\n<p>Sublime Textiss\u00e4 on niin vaikuttavaa sen joustavuus. Voit helposti laajentaa koodieditoria k\u00e4ytt\u00e4m\u00e4ll\u00e4 Sublime Text -laajennuksia, jotka on luotu l\u00e4hes kaikkiin kuviteltaviin tarkoituksiin. Ja voit jopa luoda mukautettuja paketteja, jotka parantavat n\u00e4kyv\u00e4sti ty\u00f6nkulkuasi ja lis\u00e4\u00e4v\u00e4t tuottavuuttasi.<\/p>\n<p>Jatka lukemista t\u00e4st\u00e4 <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> -tiimimme luomasta artikkelista ja opi parhaista Sublime Text -paketeista, niiden toiminnasta ja niiden k\u00e4yt\u00f6st\u00e4.<\/p>\n<h2>Sublime Text Plugins: Pakettien asentaminen<\/h2>\n<p>Ennen kuin luet kaikkien web-suunnittelijoiden kannalta merkityksellisiksi katsomamme Sublime Text -laajennukset, sinun tulee oppia asentamaan paketteja t\u00e4h\u00e4n koodieditoriin. T\u00e4ss\u00e4 ovat vaiheet, jotka sinun on noudatettava:<\/p>\n<ul>\n<li>Lataa pakettivaraston zip-tiedosto. Voit tehd\u00e4 sen paketin GitHub-sivulta.<\/li>\n<li>Pura tiedostot Sublime Text Packages -kansiossasi. Sinun pit\u00e4isi l\u00f6yt\u00e4\u00e4 se kohdasta: {{ k\u00e4ytt\u00e4j\u00e4nimi }}AppDataRoamingSublime Text {{ version }}Paketit<\/li>\n<\/ul>\n<p>Tai<\/p>\n<ul>\n<li>Asenna paketti Sublime Textin virallisen <a href=\"https:\/\/packagecontrol.io\/installation\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Package Controlin<\/a> kautta Napsauta linkki\u00e4 ja kopioi koodi, joka sopii omistamaasi Sublime Text -versioon.<\/li>\n<li>Liit\u00e4 koodi Sublime Text -konsoliisi, johon p\u00e4\u00e4set painamalla CTRL + ~.<\/li>\n<li>K\u00e4ynnist\u00e4 koodieditori uudelleen, avaa komentoikkuna painamalla CTRL + Shift + P ja kirjoita &quot;Package Control: Install Package&quot; (tai vain &quot;Asenna paketti&quot; &#8211; automaattinen t\u00e4ydennys n\u00e4ytt\u00e4\u00e4 halutut vaihtoehdot)<\/li>\n<\/ul>\n<p>Kun paketti on asennettu, \u00e4l\u00e4 tee mit\u00e4\u00e4n muutoksia sen oletusasetustiedostoon, ellet tied\u00e4 tarkalleen mit\u00e4 olet tekem\u00e4ss\u00e4. Sublime Text -paketit on p\u00e4\u00e4asiassa tarkoitettu mukautettavaksi k\u00e4ytt\u00e4m\u00e4ll\u00e4 erillisi\u00e4 ohitustiedostoja, jotta muutokset eiv\u00e4t katoa paketteja p\u00e4ivitett\u00e4ess\u00e4.<\/p>\n<h2>Ylelliset tekstilaajennukset, joita kaikkien verkkokehitt\u00e4jien tulisi kokeilla<\/h2>\n<p>Koodieditorin laajennettavuuden osalta olisi hy\u00f6dyllist\u00e4 luetella muutamia parhaita Sublime Text Plugins -laajennuksia ja kuinka ne voivat auttaa sinua tulemaan paremmaksi kehitt\u00e4j\u00e4ksi mahdollisimman lyhyess\u00e4 ajassa.<\/p>\n<p>Toivottavasti l\u00f6yd\u00e4t n\u00e4m\u00e4 laajennukset hy\u00f6dyllisiksi ja osuviksi ty\u00f6si kannalta. T\u00e4ss\u00e4 on lista:<\/p>\n<h3>Paketin valvonta<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe406d2e.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Sublime Text Package Control on luultavasti suosituin ty\u00f6kalu t\u00e4h\u00e4n koodieditoriin. Sen avulla voit ladata, asentaa ja p\u00e4ivitt\u00e4\u00e4 paketteja suoraan Sublime Text -k\u00e4ytt\u00f6liittym\u00e4st\u00e4.<\/p>\n<p>Vaikka &quot;laajennusta&quot; ja &quot;pakettia&quot; k\u00e4ytet\u00e4\u00e4n usein vaihtokelpoisina, paketit sis\u00e4lt\u00e4v\u00e4t laajennuksia, valikoita, katkelmia ja muita bittej\u00e4 ja bobeja, joita voidaan k\u00e4ytt\u00e4\u00e4 laajentamaan Sublime Text -teksti\u00e4 mieleiseksesi.<\/p>\n<p>Sen sijaan, ett\u00e4 lataat pakettitiedostot itse ja asentaisit ne oikeaan kansioon, anna t\u00e4m\u00e4n laajennuksen tehd\u00e4 kaikki puolestasi j\u00e4tt\u00e4m\u00e4tt\u00e4 Sublime Text -teksti\u00e4. Jos olet ohjelmoija, ajattele sit\u00e4 pip:n\u00e4 Pythonille tai npm:n\u00e4 node.js:lle.<\/p>\n<h3>Tasaus<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Alignment\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe4f3d7d.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Alignment tekee t\u00e4sm\u00e4lleen sen, mit\u00e4 sen nimi sanoo: se on yksi niist\u00e4 Sublime Text -laajennuksista, jotka tekev\u00e4t ty\u00f6st\u00e4si 10 kertaa helpompaa kohdistamalla koodisi siistimp\u00e4\u00e4n ja helpompilukuisempaan suuntaan. Se toimii hyvin PHP:n, JavaScriptin, CSS:n ja muiden kanssa.<\/p>\n<p>Voit tasata osia, monirivisi\u00e4 valintoja tai koko koodisi k\u00e4ytt\u00e4m\u00e4ll\u00e4 erottimia, kuten &quot;=&quot;. Vaikka saatat ajatella, ett\u00e4 se ei auta niin paljon, kun k\u00e4yt\u00e4t sit\u00e4, tulet riippuvaiseksi sen hy\u00f6dyllisyydest\u00e4.<\/p>\n<h3>Emmet<\/h3>\n<p><a href=\"https:\/\/emmet.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe602bcb.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Yksi k\u00e4ytetyimmist\u00e4 Sublime Text -laajennuksista on Emmet, yksinkertainen laajennus, joka voi parantaa mink\u00e4 tahansa kehitt\u00e4j\u00e4n tuottavuutta auttamalla heid\u00e4n CSS- ja HTML-ty\u00f6nkulkuaan.<\/p>\n<p>Jos esimerkiksi kirjoitat html:5 ja painat CTRL + E, kun k\u00e4yt\u00e4t Emmeti\u00e4, saat k\u00e4ytt\u00f6\u00f6si HTML5-perussivumallin. Plugin on yksinkertainen, mutta eritt\u00e4in tehokas ja parantaa varmasti ty\u00f6t\u00e4si.<\/p>\n<h3>ChangeQuotes<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/ChangeQuotes\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7071f7.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Inhoatko lainausten k\u00e4sittely\u00e4? Onnittelut, olet yksi miljoonista kehitt\u00e4jist\u00e4, joiden on my\u00f6s vaikea pit\u00e4\u00e4 ne johdonmukaisina. ChangeQuotes auttaa sinua.<\/p>\n<p>Se voi helposti muuntaa kerta-\/kaksoislainausmerkit ja poistaa ne uudelleen. Jos haluat muuttaa lainausmerkkej\u00e4, aseta kohdistin lainatun tekstin sis\u00e4\u00e4n ja avaa komentopaletti. Suorita laajennus, eik\u00e4 sinun en\u00e4\u00e4 tarvitse valita koko rivi\u00e4 muuttaaksesi lainausmerkkej\u00e4. Se on paljon nopeampi n\u00e4in!<\/p>\n<h3>Sivupalkkien parannukset<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/SideBarEnhancements\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7edb75.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>T\u00e4m\u00e4 Sublime Text -laajennus lis\u00e4\u00e4 uusia ominaisuuksia sivupalkin valikkoon. Voit esimerkiksi luoda uuden tiedoston paljon nopeammin samalla, kun pysyt nykyisess\u00e4 projektikansiossasi. Voit my\u00f6s siirt\u00e4\u00e4 tiedostoja ja kansioita helpommin, monistaa niit\u00e4 tarpeen mukaan ja avata tiedostoja Finderissa tai selaimessasi.<\/p>\n<p>SublimeEnhancements lis\u00e4\u00e4 joukon hy\u00f6dyllisi\u00e4 sivupalkkiominaisuuksia, jotka auttavat sinua hallitsemaan projektiasi tehokkaammin. Asenna se l\u00f6yt\u00e4\u00e4ksesi kaikki hy\u00f6dylliset toiminnot.<\/p>\n<h3>SublimeLinter<\/h3>\n<p><a href=\"http:\/\/www.sublimelinter.com\/en\/stable\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe8f017e.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Jos olet Sublime Text 3 -k\u00e4ytt\u00e4j\u00e4, tulet rakastamaan SublimeLinteri\u00e4. Monia Sublime Text -laajennuksia ei p\u00e4ivitetty editorin uusimpaan versioon, joten on aina mukava n\u00e4hd\u00e4, ett\u00e4 laajennuskehitt\u00e4j\u00e4t keskittyv\u00e4t tuomaan tuotteitaan ajan tasalla. Sen sijaan, ett\u00e4 kaikki linterisi olisi yhdess\u00e4 paketissa, t\u00e4ll\u00e4 laajennuksella voit asentaa ne, joita k\u00e4yt\u00e4t s\u00e4\u00e4nn\u00f6llisesti.<\/p>\n<p>Pohjimmiltaan SublimeLinter antaa sinulle kehyksen, jota voit k\u00e4ytt\u00e4\u00e4 koodin liitt\u00e4miseen. Jos et tied\u00e4, linting edustaa prosessia, jossa merkit\u00e4\u00e4n koodissasi ei-siirrett\u00e4v\u00e4 tai virheellinen syntaksi. Yksinkertaisemmin sanottuna se varoittaa sinua, kun koodi on t\u00e4ynn\u00e4 virheit\u00e4.<\/p>\n<h3>SublimeGit<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/SublimeGit\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe9e9504.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Versionhallintaohjelmiston kanssa ty\u00f6skentely on yleist\u00e4 kehitt\u00e4jille. Suosituin on Git. SublimeGit on vastaus niille, jotka ovat kyll\u00e4styneet tallentamaan tekstitiedostoja ja palaamaan terminaaliin suorittamaan pari Git-komentoa. T\u00e4m\u00e4n Sublime Text -laajennuksen avulla voit suorittaa kaikki Git-komennot tekstieditorissa.<\/p>\n<p>SublimeGitin avulla kehitt\u00e4j\u00e4t voivat tehd\u00e4 enemm\u00e4n lyhyemm\u00e4ss\u00e4 ajassa, mik\u00e4 lis\u00e4\u00e4 tuottavuuttaan huomattavasti. Sinun ei tarvitse vaihtaa edestakaisin koodieditorin ja komentorivin v\u00e4lill\u00e4.<\/p>\n<p>T\u00e4m\u00e4 oli aiemmin saatavilla vain maksullisena laajennuksena, mutta viime vuonna siit\u00e4 tuli avoimen l\u00e4hdekoodin. Siin\u00e4 on lukuisia hy\u00f6dyllisi\u00e4 ominaisuuksia sek\u00e4 <a href=\"https:\/\/sublimegit.readthedocs.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">SublimeGit-dokumentit<\/a>, jotka auttavat sinua ymm\u00e4rt\u00e4m\u00e4\u00e4n ja k\u00e4ytt\u00e4m\u00e4\u00e4n laajennusta.<\/p>\n<h3>GitGutter<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitGutter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeadbe1f.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Voit aina suorittaa Git-komentoja itse Sublime Textiss\u00e4, mutta se ei ole nopein tapa k\u00e4sitell\u00e4 t\u00e4t\u00e4 teht\u00e4v\u00e4\u00e4. Sublime Text saa sinut suorittamaan erillisen komennon sen sijaan, ett\u00e4 voit tarkastella muutoksia reaaliajassa. No, t\u00e4ss\u00e4 GitGutter astuu sis\u00e4\u00e4n.<\/p>\n<p>GitGutter on joiltain osin samanlainen kuin Atom. Se lis\u00e4\u00e4 samantyyppisi\u00e4 toimintoja Sublime Textiin, mik\u00e4 tarkoittaa, ett\u00e4 voit aloittaa erilaisten vihjeiden lis\u00e4\u00e4misen sivupalkin kouruun. Viem\u00e4ll\u00e4 hiiren osoitinta sivupalkin ilmaisimien p\u00e4\u00e4ll\u00e4, p\u00e4\u00e4set k\u00e4siksi eritt\u00e4in k\u00e4teviin ponnahdusikkunoihin.<\/p>\n<h3>SASS<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Sass\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbebc54e2.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Korostaminen on ensiarvoisen t\u00e4rke\u00e4\u00e4, jotta virheet ja bugit havaitaan nopeasti. Kehitt\u00e4jille virheiden nopea ja tehokas korjaaminen on ehdottoman v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4. SASS auttaa sinua tekem\u00e4\u00e4n sen. Se korostaa SASS- ja SCSS-syntaksia ja auttaa kaikkia CSS-kehitt\u00e4ji\u00e4, jotka k\u00e4ytt\u00e4v\u00e4t n\u00e4it\u00e4 laajennuskieli\u00e4.<\/p>\n<h3>GitHubinator<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitHubinator\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbecb436e.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>GitHub\/Bitbucket-tietovarastoja k\u00e4ytt\u00e4vien on kokeiltava GitHubinatoria. T\u00e4m\u00e4 laajennus n\u00e4ytt\u00e4\u00e4 valitun tekstin et\u00e4varastossa. Siten etsim\u00e4si teksti on korostettu, ja voit napsauttaa kontekstivalikkoa avataksesi vastaavan verkkosivun selaimessa.<\/p>\n<p>Kuten muidenkin t\u00e4ss\u00e4 lueteltujen Sublime Text -laajennusten tapauksessa, GitHubinator auttaa kehitt\u00e4ji\u00e4 s\u00e4\u00e4st\u00e4m\u00e4\u00e4n aikaa ja v\u00e4ltt\u00e4m\u00e4\u00e4n toistuvia toimia.<\/p>\n<h3>GitOpenChangedFiles<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitOpenChangedFiles\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeda44f1.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Kuten voit kertoa, t\u00e4t\u00e4 laajennusta k\u00e4ytet\u00e4\u00e4n muutettujen tiedostojen avaamiseen Git-reposta. Sinun tarvitsee vain asentaa se ja k\u00e4ynnist\u00e4\u00e4 laajennus avataksesi tiedostot, joita olet muuttanut aiemmin Sublime Text -haarassasi.<\/p>\n<p>Se ei ole juurikaan liit\u00e4nn\u00e4inen, mutta ne, jotka tarvitsevat t\u00e4m\u00e4n toiminnon, pit\u00e4v\u00e4t sit\u00e4 eritt\u00e4in k\u00e4tev\u00e4n\u00e4.<\/p>\n<h3>Terminaali<\/h3>\n<p><a href=\"https:\/\/github.com\/wbond\/sublime_terminal\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbee99061.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Tied\u00e4t kuinka kauan projektikansioiden avaaminen on Sublime Text -tekstin avulla. P\u00e4\u00e4tteen avulla voit avata kansiot suoraan alustan Sublime Text -sovelluksesta yhdell\u00e4 pikan\u00e4pp\u00e4imell\u00e4. Eik\u00f6 se ole k\u00e4tev\u00e4\u00e4?<\/p>\n<p>Kun suoritat komentorivi\u00e4 tietyss\u00e4 kansiossa, sinun on suoritettava muutama vaihe, jotka viev\u00e4t aikaa ja ovat melko stressaavia. P\u00e4\u00e4te v\u00e4hent\u00e4\u00e4 n\u00e4m\u00e4 vaiheet CTRL + SHIFT + T -pikan\u00e4pp\u00e4imeksi.<\/p>\n<h3>SublimeREPL<\/h3>\n<p><a href=\"https:\/\/github.com\/wuub\/SublimeREPL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbef916ae.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>SublimeREPL:n k\u00e4ytt\u00f6 helpottaa ohjelmoijan ty\u00f6t\u00e4 10 kertaa. T\u00e4m\u00e4n laajennuksen avulla voit k\u00e4ytt\u00e4\u00e4 yleisimpien kielten tulkkeja, mukaan lukien NodeJS, Python, Ruby, Scala tai Haskell.<\/p>\n<p>Voit k\u00e4ytt\u00e4\u00e4 tulkkia mill\u00e4 tahansa n\u00e4ist\u00e4 kielist\u00e4 ja monesta muusta suoraan Sublime Text -sovelluksesta. Tutustu laajennuksen muihin toimintoihin, jotta ymm\u00e4rr\u00e4t paremmin, mit\u00e4 se voi tehd\u00e4.<\/p>\n<h3><strong>Babel<\/strong><\/h3>\n<p><a href=\"https:\/\/babeljs.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf096f83.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Jos tarvitset kielim\u00e4\u00e4ritelmi\u00e4 ES6+ Javascriptille, sinun tulee k\u00e4ytt\u00e4\u00e4 Babelia. Monet Sublime Text -laajennukset eiv\u00e4t tarjoa hyvi\u00e4 kielim\u00e4\u00e4ritelmi\u00e4, etenk\u00e4\u00e4n sen uusimmassa versiossa. Babel on suunniteltu erityisesti Sublime Text 3:lle, eik\u00e4 se tue aiempia versioita. Se tukee my\u00f6s React JSX -syntaksia.<\/p>\n<h3>Kaikki automaattinen t\u00e4ydennys<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/All%20Autocomplete\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf18f171.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Oletuksena Sublime Text k\u00e4ytt\u00e4\u00e4 automaattista t\u00e4ydennyst\u00e4 vain sanoihin, jotka ovat nykyisess\u00e4 tiedostossa. Laajentaaksesi t\u00e4m\u00e4n toiminnon kaikkiin avoimiin tiedostoihin, voit k\u00e4ytt\u00e4\u00e4 AllAutocomplete-laajennusta, joka etsii jokaisesta avaamastasi tiedostosta ja l\u00f6yt\u00e4\u00e4 osumia sek\u00e4 ehdottaa sanoja.<\/p>\n<h3><strong>CSSComb<\/strong><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/CSScomb\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf29805b.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>CSSComb lajittelee CSS-ominaisuudet niin, ett\u00e4 koodistasi tulee selke\u00e4mpi ja helpompi lukea. Se asettaa koodin oikeaan j\u00e4rjestykseen ja antaa sinun mukauttaa sen ominaisuuksia ilman suurta vaivaa. Se on hy\u00f6dyllinen laajennus niille, jotka ty\u00f6skentelev\u00e4t ryhmiss\u00e4, joissa kaikki j\u00e4senet eiv\u00e4t kirjoita koodia samalla tavalla.<\/p>\n<h3>MarkdownPreview<\/h3>\n<p><a href=\"https:\/\/facelessuser.github.io\/MarkdownPreview\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf3afe19.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Monet kehitt\u00e4j\u00e4t ovat tottuneet luomaan Markdown-tiedostoja GitHubissa, StackEditiss\u00e4 tai Markablessa pilvess\u00e4. Jos olet vanhanaikainen kirjoittaja ja haluat s\u00e4ilytt\u00e4\u00e4 tiedostosi paikallisesti, sinun kannattaa kokeilla MarkdownPreviewia.<\/p>\n<p>Voit my\u00f6s asentaa <a href=\"https:\/\/github.com\/SublimeText-Markdown\/MarkdownEditing\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MarkdownEditingin<\/a> ja korostaa Markdown-koodisi.<\/p>\n<h3>DocBlockr<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/DocBlockr\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf4c78e5.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Joissakin yrityksiss\u00e4 kaikkia koodausohjeita on noudatettava uskonnollisesti. T\u00e4m\u00e4 voi aiheuttaa painetta kehitt\u00e4jien harteille. DocBlockr tekee siit\u00e4 helpompaa luomalla kommentteja koodillesi, j\u00e4sent\u00e4m\u00e4ll\u00e4 funktioita, muuttujia tai parametreja ja lis\u00e4\u00e4m\u00e4ll\u00e4 automaattisesti peruskohteita.<\/p>\n<p>Sinun tarvitsee vain kirjoittaa \/ja laajennus tekee ty\u00f6n puolestasi.<\/p>\n<h3>Toteutetut CSS-katkelmat<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Materialized%20CSS%20Snippets\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf5cf364.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>MaterializeCSSisa Googlen luoma ikimuistoinen k\u00e4ytt\u00f6liittym\u00e4kehys. Se on moderni, t\u00e4ysin reagoiva ja kaikkien suunnittelijoiden ja kehitt\u00e4jien valmis k\u00e4ytett\u00e4v\u00e4ksi. T\u00e4m\u00e4 Sublime Text -laajennus auttaa sinua k\u00e4ytt\u00e4m\u00e4\u00e4n Materialize CSS:\u00e4\u00e4 tekstieditorissa yleisten katkelmien avulla.<\/p>\n<p>Materialisoidut CSS-katkelmat lis\u00e4\u00e4v\u00e4t CSS-komponentteja suoraan <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/css-editorin-esimerkkejae-joita-sinun-tulisi-ehdottomasti-testata\/\" title=\"koodieditoriin,\">koodieditoriin,<\/a> joten voit k\u00e4ytt\u00e4\u00e4 niit\u00e4 peruskomennoilla. Materialisoidut CSS-katkelmat voivat s\u00e4\u00e4st\u00e4\u00e4 paljon aikaa ja energiaa, jotka tavallisesti kuluisi kirjoittamalla syntaksi manuaalisesti ja lis\u00e4\u00e4m\u00e4ll\u00e4 CSS-komponentteja erikseen.<\/p>\n<h3>Vakiomuoto<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/StandardFormat\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf6c4c83.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Ilman muotoilua koodisi n\u00e4ytt\u00e4\u00e4 sotkuiselta ja vaikealta k\u00e4yd\u00e4 l\u00e4pi. StandardFormatin avulla voit luoda paljon vankemman koodikannan ja auttaa ihmisi\u00e4 lukemaan koodisi nopeammin ja tehokkaammin aina, kun he tarvitsevat.<\/p>\n<p>Laajennus perustuu Standard Format JS -kirjastoon, jota sovelletaan kirjoittamaasi. Kaikki osaavat lukea perinteist\u00e4 JS-muotoa, joten t\u00e4m\u00e4 laajennus osoittautuu melko hy\u00f6dylliseksi kehitt\u00e4jille.<\/p>\n<h3>CSS-mediakyselyn katkelmat<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/CSS%20Media%20Query%20Snippets\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf7b6386.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Mediakyselyit\u00e4 k\u00e4ytet\u00e4\u00e4n sovellusten ja ohjelmistojen kehitt\u00e4miseen mobiililaitteille tai skaalautuville n\u00e4ytt\u00f6kokoille. Ilman n\u00e4it\u00e4 kyselyit\u00e4 et voi muuttaa projektistasi mobiiliyhteensopivaksi.<\/p>\n<p>CSS Media Query Snippets on tarkoitettu auttamaan sinua t\u00e4ss\u00e4 teht\u00e4v\u00e4ss\u00e4 tarjoamalla valmiiksi kirjoitettuja malleja mediakyselyihin. Voit vain k\u00e4ytt\u00e4\u00e4 mallia muutosten tekemiseen.<\/p>\n<h3><strong>Shell Exec<\/strong><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Shell%20Exec\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf8ba706.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Tied\u00e4mme kaikki, ett\u00e4 Shell-k\u00e4ytt\u00f6 on kiistanalainen aihe, koska palvelimet olivat aiemmin k\u00e4ytt\u00e4neet ep\u00e4varmoja m\u00e4\u00e4rityksi\u00e4. Hakkereiden uhriksi joutuminen oli paljon yleisemp\u00e4\u00e4 silloin, kun Shell Exec -komentoja voitiin k\u00e4ytt\u00e4\u00e4 ulkopuolelta, mik\u00e4 avasi alustan haavoittuvuuksia.<\/p>\n<p>T\u00e4m\u00e4 laajennus auttaa sinua suorittamaan komentotulkkikomentoja Sublime Text 3:n sis\u00e4ll\u00e4, koska Internet on nyt paljon turvallisempi. Se on hyv\u00e4 tapa s\u00e4\u00e4st\u00e4\u00e4 aikaa, mutta \u00e4l\u00e4 unohda m\u00e4\u00e4ritt\u00e4\u00e4 palomuurin asetuksia ja selvitt\u00e4\u00e4 p\u00e4\u00e4symallit edell\u00e4 mainitun tilanteen v\u00e4ltt\u00e4miseksi.<\/p>\n<h3>Laravel BladeHighlighter<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Laravel%20Blade%20Highlighter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf9a99a1.jpg\" alt=\"Upeat tekstilaajennukset ja -paketit, jotka kannattaa tarkistaa\" \/><\/a><\/p>\n<p>Laravel on avoimen l\u00e4hdekoodin kehys PHP:lle ja se on vaikuttanut PHP:n kehitykseen varsin n\u00e4kyv\u00e4sti. Laravel k\u00e4ytt\u00e4\u00e4 Blade Engine\u00e4, syntaksia, jonka avulla voit kehitt\u00e4\u00e4 uusia ohjelmistoja kehyksen p\u00e4\u00e4lle.<\/p>\n<p>Sublime Text ei olisi sama ilman Laravel Blade Highlighteria, jos k\u00e4yt\u00e4t Laravelia p\u00e4ivitt\u00e4in. T\u00e4m\u00e4n yli 300 000 asennuksen ansiosta yksik\u00e4\u00e4n PHP-kehitt\u00e4j\u00e4 ei saa j\u00e4tt\u00e4\u00e4 v\u00e4liin.<\/p>\n<h3>Lopettaa ajatukset n\u00e4ist\u00e4 ylellisist\u00e4 tekstiliit\u00e4nn\u00e4isist\u00e4<\/h3>\n<p>Sublime Text on riitt\u00e4v\u00e4n vahva yksin\u00e4\u00e4n, mutta laajennukset ja paketit tekev\u00e4t siit\u00e4 entist\u00e4 tehokkaamman. N\u00e4iden laajennusten suurin etu on s\u00e4\u00e4st\u00e4\u00e4 aikaasi auttamalla sinua mukauttamaan Sublime Text -teksti\u00e4 tarpeisiisi, vaatimuksiisi ja p\u00e4ivitt\u00e4isiin teht\u00e4viisi sopivaksi.<\/p>\n<p>Jokainen kehitt\u00e4j\u00e4 suosii tietty\u00e4 koodausrutiinia, ja voit yll\u00e4pit\u00e4\u00e4 t\u00e4t\u00e4 rutiinia valitsemalla Sublime Text -laajennukset, jotka sopivat parhaiten tilanteeseen. Valitse ne, jotka sopivat ty\u00f6tapaasi ja ty\u00f6h\u00f6si. T\u00e4m\u00e4 tekee kaikesta tehokkaampaa ja v\u00e4hemm\u00e4n aikaa viev\u00e4\u00e4.<\/p>\n<p>Onnea koodausteht\u00e4viisi!<\/p>\n<p>Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta Sublime Text -laajennuksista, sinun kannattaa tutustua t\u00e4h\u00e4n <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/upeat-tekstilaajennukset-joiden-avulla-voit-mukauttaa-editori\/\" title=\"Sublime Text -teemoja\">Sublime Text -teemoja<\/a> k\u00e4sittelev\u00e4\u00e4n artikkeliin .<\/p>\n<p>Kirjoitimme my\u00f6s muutamista aiheeseen liittyvist\u00e4 aiheista, kuten <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/parhaat-atom-paketit-ja-laajennukset-jotka-voit-asentaa\/\" title=\"parhaista Atom-paketteista\">parhaista Atom-paketteista<\/a> ja siit\u00e4, kuinka tulla <a href=\"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-tulla-kaeyttoeliittymaekehittaejaeksi-tarvittavat-taidot\/\" title=\"k\u00e4ytt\u00f6liittym\u00e4kehitt\u00e4j\u00e4ksi\">k\u00e4ytt\u00f6liittym\u00e4kehitt\u00e4j\u00e4ksi<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voit helposti laajentaa koodieditoria k\u00e4ytt\u00e4m\u00e4ll\u00e4 Sublime Text -laajennuksia, jotka on luotu l\u00e4hes kaikkiin kuviteltaviin tarkoituksiin. Katso t\u00e4m\u00e4n artikkelin parhaat laajennukset.<\/p>\n","protected":false},"author":1,"featured_media":200120,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[813,843,864],"tags":[1166],"class_list":["post-226838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laajennuksia","category-opetusohjelmia","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/226838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=226838"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/226838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/200120"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=226838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=226838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=226838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}