Tai nėra atsitiktinumas Atom, „Github“ sukurtas šaltinio kodo redaktorius yra populiarus žiniatinklio kūrimo bendruomenėje. Tai ne tik lengvai plečiama su tūkstančiais „Atom“ paketų ir turi a platus kalbos palaikymas, bet beveik visos jos dalys yra pritaikoma vartotojo.
Stiprinant „Atom“ Fragmentų funkcija, galite padaryti savo kodavimo darbo eigą našesnę pakartotinius kodo fragmentus galite sumažinti pakartotinę darbo dalį. Šiame pranešime parodysiu, kaip galite naudokite „Atom“ integruotus kodo fragmentus, ir sukurti savo pasirinktinius fragmentus.
Naudokite įmontuotus kodo fragmentus
Pagal nutylėjimą „Atom“ ateina su įmontuoti kodo fragmentai, kiekvienas iš jų yra apimtis priklauso tam tikram failo tipui. Pavyzdžiui, jei dirbate su failu su .js pratęsimas, tam failui bus prieinami tik su „JavaScript“ sritimi susiję fragmentai.
Matyti visi turimi fragmentai dabartiniam failo tipui paspauskite Alt + Shift + S. Jei išskleidžiamajame sąraše pasirenkate fragmentą ir jį spustelėsite, „Atom“ į redaktorių įdės visą fragmentą be jokių papildomų problemų.
Jei jau žinote apie parinktis, nebūtinai turite įkelti visą sąrašą. Kai pradėsite rašyti, Atom pasirodo automatinio užbaigimo rezultatų laukelis į viršų, kuriame yra prieinami tam tikros apimties kodo fragmentai ir iki šiol įvestas eilutė.
Pavyzdžiui, jei įvesite h į a .html failas, išskleidžiamajame sąraše su visais HTML fragmentais, prasidedančiais h atsiras.
Paspaudę bet kurią parinktį, Atom bus įklijuokite visą HTML žymą (pvz.,. ) ir nukreipkite žymeklį į pradinę ir uždarymo žymą.
Jei nenorite nerimauti su išskleidžiamajame sąraše, tą patį rezultatą galite pasiekti įvesdami h1, ir pataikyti į Tab arba Enter - abu šiuos raktus įterpkite visą kodo fragmentą priklauso fragmento prefiksui.
Pridėkite priskirtus kodo fragmentus
1. Suraskite konfigūracijos failą
Jei norite pridėti savo pasirinktinius kodo fragmentus į „Atom“, pirmiausia turite rasti konfigūracijos failas snippets.cson tai yra „CoffeeScript“ objekto žymėjimas failą.
Spustelėkite Failas> fragmentai… viršutinėje juostoje ir Atom atidarys snippets.cson failą, į kurį galite įtraukti savo priskirtus fragmentus.
2. Raskite tinkamą taikymo sritį
Jums reikės keturi dalykai norėdami pridėti priskirtą fragmentą:
The taikymo srities pavadinimas
The fragmento pavadinimas
The priešdėlis kuri veiks kaip fragmento rankena
The fragmentą
Pavadinimas, prefiksas ir fragmento kūnas (2-4) priklauso tik nuo jūsų, tačiau turite rasti taikymo srities pavadinimą (1) prieš pridėdami priskirtus fragmentus.
Norėdami rasti reikiamą taikymo sritį, spustelėkite „ Failas> Nustatymai meniu viršutiniame meniu juostoje, tada suraskite Paketai skirtuką tarp nustatymų. Čia paleiskite reikiamą taikymo sritį, pavyzdžiui, jei norite į HTML kalbą įtraukti kodo fragmentus, įveskite HTML į paieškos juostą.
Spustelėkite kalbos palaikymo paketas pasirinktos kalbos ir atidarykite savo parametrus. Tarp Gramatikos nustatymai, galite greitai rasti taikymo srities pavadinimą, kaip matote žemiau esančiame paveikslėlyje.
Štai keletas sričių, kurias galėtumėte naudoti „Atom“ projektuose:
Paprastas tekstas: .text.plain
HTML: .text.html.basic
CSS: .source.css
Sass: .source.sass
LESS: .source.css.less
„JavaScript“: .source.js
PHP: .text.html.php
„Python“: .source.python
„Java“: .source.java
Nepamirškite, kad jums reikės pridėti tašką (.) prieš taikymo srities pavadinimą siekiant jį naudoti snippets.cson failą.
3. Sukurkite vienos eilutės kodo fragmentus
Norėdami sukurti a vieno eilutės kodo fragmentas, jums reikia pridėti apimtį, pavadinimą, priešdėlį ir fragmento tekstą snippets.cson failą, naudodami šią sintaksę:
„.text.html.basic“: „valdiklio pavadinimas“: „prefiksas“: „wti“ kūnas „:“„
Šis pavyzdžio fragmentas prideda a žyma su valdiklio pavadinimas klasė pagal HTML sritį. Po šios sintaksės prie „Atom“ redaktoriaus galite pridėti bet kurį kitą vienos eilutės kodo fragmentą.
Išsaugoję konfigūracijos failą, kai tik jūs įveskite prefiksą ir paspauskite klavišą Tab, Atom įkels priklausomą fragmento kūną į jūsų kodų redaktorių. Ištraukos pavadinimas (pavyzdyje Valdiklio pavadinimas) bus rodomas automatinio užbaigimo rezultatų laukelyje.
4. Sukurkite daugelio linijų kodo fragmentus
Kelių eilučių kodo fragmentai naudoti šiek tiek kitokią sintaksę. Jūs turite pridėti tuos pačius duomenis, kaip ir vienos eilutės fragmentams - apimties, pavadinimo, prefikso ir fragmento korpuso duomenis.
Kitaip yra tai, kad jums reikia įterpti fragmento kūną per porą "" " (trys dvigubos kabutės).
Jei norite pridėti daugiau nei vienas priskirtas fragmentas į tą pačią taikymo sritį, pridėkite taikymo srities pavadinimą tik vieną kartą, tada įrašykite fragmentus po vieną:
Galite dar labiau palengvinti pritaikytų kodo fragmentų naudojimą skirtukas sustoja į fragmento korpusą. Tabuliavimo stotelės nurodo vietas, kuriose naudotojas gali naršyti naudodamas skirtuką Tab. Su skirtukų sustabdymu galite sutaupyti teksto navigacijai reikalingo laiko.
Galite pridėti skirtukus naudojant $ 1, $ 2, $ 3,… sintaksė. Atom žymeklį nukreipia į tą vietą, kurią jis suranda $ 1, tada galite pereiti prie $ 2 tada paspauskite „Tab“ klavišą $ 3, ir taip toliau.
Atom leidžia jums pridėti papildomos informacijos naudodami neprivalomi parametrai. Ši funkcija gali būti naudinga, jei kas nors kitas taip pat naudoja jūsų redaktorių ir norite leisti jiems žinoti fragmento tikslą, arba jei turite tokius sudėtingus užsakymų fragmentus, kuriuos reikia pridėti prie pastabų.
Pasirenkamų parametrų reikšmės yra rodomas automatinio užbaigimo rezultatų laukelyje kad atsiranda, kai pradėsite įvesti priešdėlį. Toliau pateiktame pavyzdyje pridėjau aprašą ir a Daugiau… nuoroda į ankstesnį Valdiklio pavadinimas priskirtas fragmentas:
„.text.html.basic“: „valdiklio pavadinimas“: „prefiksas“: „wti“ kūnas „:“„aprašymas“: „Galite pridėti valdiklio pavadinimą su šiuo fragmentu į savo šoninės juostos valdiklį.“ descriptionMoreURL: „http://hongkiat.com“
Kai vartotojas pradeda rašyti priešdėlį wti, papildoma informacija (aprašymas + nuoroda) bus rodoma automatinio užbaigimo rezultatų langelio apačioje. Pažvelkite į kiti neprivalomi parametrai galite pridėti papildomą informaciją į savo priskirtus fragmentus.
