Kõik arendajad loovad erinevate projektide haldamiseks oma tööriistakomplekti. Veebiarendaja kasutatavad tööriistad võivad vähendada veebisaidi või veebirakenduse valmimiseks kuluvat aega ja hõlbustada ülesannete käsitlemist.

Nutikad tööriistad on iga eduka arendaja töövoo jaoks hädavajalikud, nii et kui soovite oma tööriistakomplekti täiendada täiesti uute nippidega, on hea mõte see artikkel algusest lõpuni läbimõeldult läbi lugeda.

Koodiredaktoritest, mida saate oma töö hõlbustamiseks kasutada, pole puudust. Nende hulgast otsustamine muutub palju keerulisemaks, kui teid ootab nii palju võimalusi.

Seetõttu esitame ühe võimaluse, mis on teistest kõrgem: ülev tekst. See on üks enimkasutatavaid koodiredaktoreid turul ning seda eelistavad tuhanded programmeerijad, veebiarendajad ja veebidisainerid.

Mis on Sublime Texti juures nii muljetavaldav, on selle paindlikkus. Koodiredaktorit saate hõlpsalt laiendada, kasutades Sublime Text pluginaid, mis on loodud peaaegu igal võimalikul eesmärgil. Ja saate isegi luua kohandatud pakette, mis parandavad nähtavalt teie töövoogu ja suurendavad tootlikkust.

Jätkake lugemist sellest artiklist, mille meie meeskond on loonud saidil wpDataTables, ja tutvuge mõne parima Sublime Text paketiga, kuidas need töötavad ja kuidas saate neid kasutada.

Sublime Text Pluginad: pakettide installimine

Enne kõigi veebidisainerite jaoks asjakohaste Sublime Text pistikprogrammide loetlemist peaksite õppima, kuidas installida sellesse koodiredaktorisse pakette. Siin on juhised, mida peate järgima.

Laadige alla paketihoidla zip-fail. Seda saate teha paketi GitHubi lehelt.
Ekstraheerige failid kaustas Sublime Text Packages. Peaksite selle leidma all: {{ kasutajanimi }}AppDataRoamingSublime Text {{ versioon }}Paketid

Või

Installige pakett ametliku Sublime Texti paketikontrolli kaudu Klõpsake lingil ja kopeerige kood, mis sobib teile kuuluva Sublime Text versiooniga.
Kleepige kood oma Sublime Text konsooli, millele pääsete juurde, vajutades klahvikombinatsiooni CTRL + ~.
Taaskäivitage oma koodiredaktor, avage käsuaken, vajutades klahvikombinatsiooni CTRL + Shift + P, ja tippige "Package Control: Install Package" (või lihtsalt "Install Package" – automaatne täitmine näitab soovitud valikuid)

Kui pakett on installitud, ärge muutke selle vaikekonfiguratsioonifaili, kui te ei tea täpselt, mida teete. Sublime Text paketid on peamiselt mõeldud kohandamiseks eraldi alistamisfailide abil, et teie muudatused ei läheks pakettide värskendamisel kaduma.

Ülimad tekstipluginad, mida kõik veebiarendajad peaksid proovima

Rääkides koodiredaktori laiendatavusest, oleks kasulik loetleda mõned parimad Sublime Text Pluginad ja kuidas need aitavad teil võimalikult lühikese aja jooksul paremaks arendajaks saada.

Loodetavasti on need pistikprogrammid teie töö jaoks kasulikud ja asjakohased. Siin on nimekiri:

Pakendi kontroll

Sublime Text Package Control on tõenäoliselt selle koodiredaktori jaoks kõige populaarsem tööriist. See võimaldab teil pakette alla laadida, installida ja värskendada otse Sublime Text liidesest.

Kuigi "pluginat" ja "paketti" kasutatakse sageli sünonüümidena, sisaldavad paketid pistikprogramme, menüüsid, katkendeid ja muid bitte ja osi, mida saab kasutada Sublime Text’i oma maitse järgi laiendamiseks.

Selle asemel, et paketifaile ise alla laadida ja õigesse kausta installida, laske sellel pistikprogrammil teha kõik teie eest Sublime Textist lahkumata. Kui olete programmeerija, pidage seda Pythoni jaoks pip-iks või node.js-i jaoks npm-iks.

Joondamine

Joondus teeb täpselt seda, mida selle nimi ütleb: see on üks neist Sublime Text pluginatest, mis muudab teie töö 10 korda lihtsamaks, joondades koodi nii, et see oleks ilusam ja hõlpsamini loetav. See töötab suurepäraselt PHP, JavaScripti, CSS-i ja muudega.

Saate joondada jaotisi, mitmerealisi valikuid või kogu koodi, kasutades eraldajaid, nagu "=". Kuigi võite arvata, et see ei aita nii palju, muutute pärast selle kasutamist sõltuvusse sellest, kui kasulik see on.

Emmet

Üks enim kasutatud Sublime Text pluginaid on Emmet, lihtne pistikprogramm, mis võib parandada iga arendaja tootlikkust, aidates kaasa nende CSS-i ja HTML-i töövoogudele.

Näiteks kui kirjutate Emmeti kasutamise ajal HTML:5 ja vajutate CTRL + E, saate juurdepääsu lihtsale HTML5 lehemallile, millega töötada. Pistikprogramm on lihtne, kuid äärmiselt tõhus ja parandab kindlasti teie tööd.

Change Quotes

Kas sa vihkad hinnapakkumiste käsitlemist? Õnnitleme, olete üks miljonitest arendajatest, kellel on samuti raske neid järjepidevana hoida. ChangeQuotes aitab teid.

See saab hõlpsasti teisendada ühe- või kahekordseid jutumärke ja neist uuesti põgeneda. Kui soovite jutumärke muuta, asetage kursor tsiteeritud teksti sisse ja avage käsupalett. Käivitage pistikprogramm ja te ei pea enam hinnapakkumiste muutmiseks valima tervet rida. See on nii palju kiirem!

SideBar täiustused

See Sublime Text pistikprogramm lisab teie külgriba menüüsse mõned uued funktsioonid. Näiteks saate luua uue faili palju kiiremini, jäädes oma praegusesse projektikausta. Samuti saate faile ja kaustu hõlpsamini teisaldada, neid vastavalt vajadusele dubleerida ja faile Finderis või brauseris avada.

SublimeEnhancements lisab hulga kasulikke külgriba funktsioone, mis aitavad teil oma projekti tõhusamalt hallata. Installige see kõigi kasulike funktsioonide avastamiseks.

SublimeLinter

Kui olete Sublime Text 3 kasutaja, meeldib teile SublimeLinter. Redigeerija uusima versiooni jaoks ei värskendatud palju Sublime Text pluginaid, seega on alati tore näha, et pistikprogrammide arendajad keskenduvad oma toodete ajakohastamisele. Selle asemel, et hoida kõiki oma linterid ühes paketis, võimaldab see pistikprogramm installida need, mida regulaarselt kasutate.

Põhimõtteliselt annab SublimeLinter teile raamistiku, mida kasutada koodi lintimiseks. Kui te ei tea, tähistab linting protsessi mittekaasaskantava või vale süntaksi märgistamist teie koodis. Lihtsamalt öeldes hoiatab see teid, kui kood on vigadest täis.

SublimeGit

Versioonihaldustarkvaraga töötamine on arendajate jaoks tavaline. Kõige populaarsem on Git. Neile, kes on tüdinud tekstifailide salvestamisest ja naasmisest terminali, et käivitada paar Giti käsku, on SublimeGit lahendus. See Sublime Text pistikprogramm võimaldab teil tekstiredaktoris täita kõiki Giti käske.

SublimeGiti kasutades saavad arendajad lühema ajaga rohkem ära teha, suurendades seega oluliselt oma tootlikkust. Te ei pea koodiredaktori ja käsurea vahel edasi-tagasi lülituma.

Varem oli see saadaval ainult tasulise pistikprogrammina, kuid eelmisel aastal sai see avatud lähtekoodiga. Sellel on palju funktsioone, millest leiate abi, samuti SublimeGiti dokumendid, mis aitavad teil pistikprogrammist aru saada ja seda kasutada.

GitGutter

Saate alati käivitada Giti käske Sublime Textis endas, kuid see pole kõige kiirem viis selle ülesande lahendamiseks. Sublime Text paneb teid käivitama eraldi käsu, selle asemel, et muudatusi reaalajas vaadata. Noh, siin astub GitGutter sisse.

GitGutter sarnaneb mõnest vaatenurgast Atomiga. See lisab Sublime Textile sama tüüpi funktsioone, mis tähendab, et saate hakata lisama külgriba vihmaveerennile erinevaid vihjeid. Hõljutades kursorit külgriba indikaatoritel, saate juurdepääsu väga mugavatele hüpikakendele.

SASS

Esiletõstmine on vigade ja vigade kiireks märkamiseks esmatähtis. Arendajate jaoks on vigade kiire ja tõhus parandamine hädavajalik. SASS aitab teil seda teha. See tõstab esile SASS-i ja SCSS-i süntaksi ning aitab kõiki CSS-i arendajaid, kes neid laienduskeeli kasutavad.

GitHubinator

Need, kes kasutavad GitHubi/Bitbucketi hoidlaid, peavad GitHubinatorit proovima. See pistikprogramm näitab valitud teksti kaughoidlas. Seega tõstetakse otsitav tekst esile ja vastava veebilehe avamiseks brauseris saate lihtsalt klõpsata kontekstimenüül.

Nagu ka teiste siin loetletud Sublime Text pluginate puhul, aitab GitHubinator arendajatel säästa aega ja vältida korduvaid toiminguid.

GitOpenChangedFiles

Nagu näete, kasutatakse seda pistikprogrammi Giti repost muudetud failide avamiseks. Peate lihtsalt selle installima ja käivitama pistikprogrammi, et avada failid, mida olete varem oma Sublime Text harus muutnud.

See pole pistikprogramm, kuid need, kes seda funktsiooni vajavad, leiavad, et see on väga mugav.

Terminal

Teate, kui pikk on projektikaustade avamise protsess Sublime Textiga. Terminal võimaldab avada kaustu otse platvormi Sublime Textist ühe kiirklahviga. Kas pole mugav?

Antud kaustas käsuridade täitmisel peate läbima mõned sammud, mis on aeganõudvad ja üsna stressi tekitavad. Terminal taandab need sammud kiirklahvile CTRL + SHIFT + T.

SublimeREPL

SublimeREPL-i kasutamine muudab programmeerija töö 10 korda lihtsamaks. See pistikprogramm võimaldab teil käivitada kõige levinumate keelte, sealhulgas NodeJS, Python, Ruby, Scala või Haskelli tõlke.

Saate käivitada tõlgi kõigis nendes keeltes ja muudes keeltes otse Sublime Textist. Heitke pilk pistikprogrammi teistele funktsioonidele, et paremini mõista, mida see teha saab.

Paabel

Kui vajate ES6+ Javascripti jaoks keelemääratlusi, peaksite kasutama Babelit. Mitte paljud Sublime Text pluginad ei paku häid keelemääratlusi, eriti selle uusima versiooni jaoks. Babel on spetsiaalselt loodud Sublime Text 3 jaoks ja see ei toeta varasemaid versioone. See toetab ka React JSX süntaksit.

Kõik Automaatne täitmine

Vaikimisi kasutab Sublime Text automaatse täitmise suvandit ainult praeguses failis olevate sõnade puhul. Selle funktsiooni laiendamiseks kõigile avatud failidele saate kasutada pistikprogrammi AllAutocomplete, mis otsib igast teie avatud failist ja leiab vasteid, soovitades samas ka sõnu.

CSSSComb

CSSComb sorteerib CSS-i atribuute, nii et teie kood muutub puhtamaks ja hõlpsamini loetavaks. See seab koodi õigesse järjekorda ja võimaldab teil selle atribuute ilma suurema vaevata kohandada. See on kasulik pistikprogramm neile, kes töötavad meeskondades, kus mitte kõik liikmed ei kirjuta koodi samal viisil.

MarkdownPreview

Paljud arendajad on harjunud Markdowni faile looma pilves GitHubis, StackEditis või Markables. Kui olete vana kooli kirjutaja ja eelistate faile kohapeal hoida, peaksite proovima MarkdownPreview’t.

Saate installida ka MarkdownEditingi ja lasta oma Markdowni koodi esile tõsta.

DocBlockr

Mõnes ettevõttes tuleb religioosselt järgida kõiki kodeerimisjuhiseid. See võib avaldada survet arendajate õlgadele. DocBlockr muudab selle lihtsamaks, luues oma koodile kommentaare, sõeludes funktsioone, muutujaid või parameetreid ning lisades automaatselt põhielemendid.

Peate ainult sisestama /ja pistikprogramm teeb selle töö teie eest ära.

Materialiseeritud CSS-i katkendid

MaterializeCSSisa meeldejääv Google’i loodud esiotsa raamistik. See on kaasaegne, täielikult tundlik ja valmis kasutamiseks kõikidele disaineritele ja arendajatele. See Sublime Text pistikprogramm aitab teil kasutada CSS-i materialiseerimist tekstiredaktoris, kasutades tavalisi katkendeid.

Materialiseeritud CSS-i väljavõtted lisavad CSS-i komponendid otse koodiredaktorisse, nii et pääsete neile juurde põhikäskude abil. Materialiseeritud CSS-lõigud võivad säästa palju aega ja energiat, mis tavaliselt kuluks süntaksi käsitsi tippimisel ja CSS-i komponentide eraldi lisamisel.

Standardne formaat

Ilma vormindamiseta tundub teie kood räpane ja raskesti läbitav. StandardFormat võimaldab teil luua palju kindlama koodibaasi, aidates samal ajal inimestel teie koodi kiiremini ja tõhusamalt lugeda, kui nad seda vajavad.

Pistikprogramm põhineb standardvormingus JS-i teegil, mida rakendatakse teie kirjutatule. Kõik teavad, kuidas lugeda traditsioonilist JS-vormingut, nii et see pistikprogramm osutub arendajatele üsna kasulikuks.

CSS-i meediumipäringu katkendid

Meediumipäringuid kasutatakse rakenduste ja tarkvara arendamiseks mobiilseadmete või skaleeritavate ekraanisuuruste jaoks. Ilma nende päringuteta ei saa te oma projekti mobiiliga ühilduvaks muuta.

CSS-i meediumipäringu fragmentide eesmärk on aidata teil seda ülesannet täita, pakkudes meediumipäringute jaoks eelnevalt kirjutatud malle. Malli saate lihtsalt muudatuste tegemiseks kasutada.

Shell Exec

Me kõik teame, et Shelli juurdepääs on vastuoluline teema, kuna serverid varem töötasid ebaturvaliste konfiguratsioonide tõttu. Häkkerite saagiks langemine oli palju tavalisem juba siis, kui Shell Execi käskudele pääses juurde väljastpoolt, avades platvormi haavatavused.

See pistikprogramm aitab teil käivitada Shelli käske Sublime Text 3 sees, arvestades, et Internet on nüüd palju turvalisem. See on hea viis aja säästmiseks, kuid ärge unustage eelmainitud olukorra vältimiseks tulemüüri sätteid konfigureerida ja juurdepääsumustreid välja mõelda.

Laravel BladeHighlighter

Laravel on PHP avatud lähtekoodiga raamistik ja see on PHP arengut üsna nähtavalt mõjutanud. Laravel kasutab Blade Engine’i, süntaksit, mis võimaldab teil raamistiku peal välja töötada uut tarkvara.

Ülev tekst poleks sama ilma Laravel Blade Highlighterita, kui kasutate Laravelit igapäevaselt. Seda enam kui 300 000 installitud pistikprogrammi ei jäta ükski PHP arendaja märkamata.

Lõpetage mõtted nende ülevate tekstipluginate kohta

Sublime Text on iseenesest piisavalt tugev, kuid pluginad ja paketid muudavad selle veelgi võimsamaks. Nende pistikprogrammide suurim eelis on teie aja kokkuhoid, aidates teil kohandada Sublime’i teksti vastavalt teie vajadustele, nõuetele ja igapäevastele ülesannetele.

Iga arendaja eelistab teatud kodeerimisrutiini ja saate seda rutiini säilitada, valides teie olukorra jaoks kõige paremini sobivad Sublime Text pluginad. Valige need, mis on teie tööviisi ja töö jaoks mõistlikud. See muudab kõik tõhusamaks ja vähem aeganõudvaks.

Edu kodeerimisülesannete täitmisel!

Kui teile meeldis lugeda seda artiklit Sublime Text pistikprogrammide kohta, peaksite lugema seda artiklit Sublime Text teemade kohta .

Kirjutasime ka mõnest seotud teemast, nagu parimad Atomi paketid ja kuidas saada esiotsa arendajaks.

: wpdatatables.com