Tas nav nejaušība Atom, Github izveidots pirmkodu redaktors ir populārs tīmekļa izstrādes kopienā. Tas nav tikai viegli paplašināms ar tūkstošiem Atom paku, un tam ir a plašs valodas atbalsts, bet gandrīz visa tā daļa ir pielāgojama lietotājs.
Piesaistot Atom Ierakstu funkcija, jūs varat padarīt jūsu kodēšanas darbplūsmu produktīvāku, tāpat kā atkārtotu koda fragmentu atkārtota izmantošana jūs varat samazināt sava darba atkārtoto daļu. Šajā ziņojumā es jums parādīšu, kā jūs varat izmantojiet Atom iebūvētos koda fragmentus, un izveidojiet savus pielāgotos fragmentus.
Izmantojiet iebūvētos koda fragmentus
Pēc noklusējuma Atom nāk iebūvētie koda fragmenti, katrs no tiem ir attiecas uz darbības jomu pieder konkrētam faila tipam. Piemēram, ja strādājat ar failu ar .js paplašinājums, šim failam būs pieejami tikai JavaScript darbības jomas fragmenti.
Redzēt visi pieejamie fragmenti Jūsu pašreizējā faila tipam nospiediet Alt + Shift + S. Ja nolaižamajā sarakstā izvēlaties fragmentu un uzklikšķiniet uz tā, Atom ievietos redaktora pilnu fragmentu bez papildu apgrūtinājumiem.
Ja jūs jau esat informēts par iespējām, jums nav obligāti jāielādē viss saraksts. Kad sākat rakstīt, Atom parādās automātiskās pabeigšanas rezultātu lodziņš uz augšu, kas satur pieejamos koda fragmentus, kas pieder pie konkrētās darbības jomas, un virkni, kuru esat ievadījis līdz šim.
Piemēram, ja ierakstāt h raksturs a .html failu, nolaižamo sarakstu ar visiem iebūvētajiem HTML fragmentiem, kas sākas ar h parādīsies.
Noklikšķinot uz jebkuras opcijas, Atom būs ielīmējiet pilnu HTML tagu (piem.,. ), un novietojiet kursoru sākuma un beigu tagā.
Ja nevēlaties uztraukties ar nolaižamo sarakstu, jūs varat sasniegt to pašu rezultātu, ierakstot h1, un hitting Tab vai Enter - abi šie taustiņi ievietojiet pilnu koda fragmentu pieder fragmenta prefiksu.
Pielāgotu koda fragmentu pievienošana
1. Atrodiet konfigurācijas failu
Lai pievienotu savus pielāgotos koda fragmentus Atom, vispirms ir jāatrod konfigurācijas fails snippets.cson tas ir a CoffeeScript objekta apzīmējums failu.
Noklikšķiniet uz Fails> fragmenti… augšējā joslā, un Atom atvērs snippets.cson failu, kuram varat pievienot savus pielāgotos fragmentus.
2. Atrodiet pareizo jomu
Jums būs nepieciešams četras lietas lai pievienotu pielāgoto fragmentu:
The darbības jomas nosaukums
The fragmenta nosaukums
The priedēklis kas darbosies kā fragmenta rokturis
The fragments
Nosaukums, prefikss un fragmenta ķermenis (2-4) ir atkarīgi tikai no jums, tomēr jums tas ir nepieciešams atrast darbības jomas nosaukumu (1) pirms pielāgoto fragmentu pievienošanas.
Lai atrastu vajadzīgo apjomu, noklikšķiniet uz Fails> Iestatījumi izvēlnes joslā, tad atrodiet Iepakojumi cilnē Iestatījumi. Šeit veiciet vajadzīgās darbības meklēšanu, piemēram, ja vēlaties pievienot HTML valodas koda fragmentus, ierakstiet HTML meklēšanas joslā.
Noklikšķiniet uz valodas atbalsta pakete no izvēlētās valodas un atveriet savus iestatījumus. Starp Gramatikas iestatījumi, jūs varat ātri atrast darbības jomas nosaukumu, kā jūs varat redzēt zemāk redzamajā ekrānuzņēmumā.
Tālāk ir norādīti daži darbības virzieni, kurus vēlaties izmantot jūsu Atom projektos:
Vienkāršs teksts: .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
Neaizmirstiet, ka jums būs nepieciešams pievienot punktu (.) pirms darbības jomas nosaukuma lai to izmantotu snippets.cson failu.
3. Izveidojiet vienas rindas koda fragmentus
Lai izveidotu a vienrindas koda fragments, jums jāpievieno fragmenta apjoms, nosaukums, prefikss un fragmenta teksts snippets.cson failu, izmantojot šādu sintaksi:
'.text.html.basic': 'logrīka nosaukums': 'prefikss': 'wti' body ':''
Šajā piemērā ir pievienots a atzīmējiet ar widget-title klasi HTML darbības jomai. Pēc šīs sintakses jūsu Atom redaktoram varat pievienot jebkuru citu vienas rindas koda fragmentu.
Pēc konfigurācijas faila saglabāšanas, kad vien jūs ierakstiet prefiksu un nospiediet taustiņu Tab, Atom iekļaus piederošo fragmenta struktūru jūsu koda redaktorā. Fragmenta nosaukums (piemērā Logrīka nosaukums) tiks parādīts automātiskās pabeigšanas rezultātu lodziņā.
4. Izveidojiet vairāku līniju koda fragmentus
Vairāku rindu koda fragmenti izmantot mazliet atšķirīgu sintaksi. Jums ir jāpievieno tādi paši dati kā vienrindas fragmentiem - fragments, nosaukums, prefikss un fragmenta teksts..
Šeit atšķiras tas, ka jums ir nepieciešams ievietot fragmenta ķermeni pāris "" " (trīs dubultās cenas).
Ja vēlaties pievienot vairāki pielāgoti fragmenti tajā pašā darbības jomā pievienojiet darbības jomas nosaukumu tikai vienu reizi, pēc tam ierakstiet fragmentus pa vienam:
Varat vēl vairāk atvieglot pielāgoto koda fragmentu izmantošanu, pievienojot cilne apstājas uz fragmenta struktūru. Tabulēšanas taustiņi norāda vietas, kur lietotājs var pārvietoties, izmantojot taustiņu Tab. Ar cilnes pārtraukumiem varat ietaupīt laiku, kas nepieciešams navigācijai tekstā.
Varat pievienot cilnes pārtraukumus izmantojot $ 1, $ 2, $ 3,… sintakse. Atom novietos kursoru uz vietu, kuru tā atrod $ 1, tad jūs varat pāriet uz $ 2 ar taustiņu Tab, tad uz $ 3, un tā tālāk.
Atom ļauj jums pievienot papildu informāciju izmantojot jūsu fragmentus izvēles parametri. Šī funkcija var būt noderīga, ja kāds cits izmanto jūsu redaktoru un vēlaties, lai viņi zinātu fragmenta mērķi vai ja jums ir tik sarežģīti pielāgoti fragmenti, kas jums jāpievieno piezīmes.
Izvēles parametru vērtības ir tiek parādīts automātiskās pabeigšanas rezultātu lodziņā tas parādās, kad sākat ievadīt prefiksu. Tālāk redzamajā piemērā es pievienoju aprakstu & a Vairāk… saite uz iepriekšējo Logrīka nosaukums pielāgots fragments:
'.text.html.basic': 'logrīka nosaukums': 'prefikss': 'wti' body ':'"apraksts": "Jūs varat pievienot logrīku nosaukumu ar šo fragmentu jūsu sānjoslas logrīkā." descriptionMoreURL: 'http://hongkiat.com'
Kad lietotājs sāk rakstīt prefiksu wti, papildu informācija (apraksts + saite) tiks parādīta automātiskās pabeigšanas rezultātu lodziņa apakšā. Apskatiet citi izvēles parametri varat pievienot papildu informāciju savam pasūtījuma fragmentam.
