Hungarian (Magyar) translation by Bózsó Péter (you can also view the original English article)
A töredékek lehetővé teszik, hogy írj egy kulcsszót és kiterjeszd egy előre meghatározott kódrészletbe. Itt van egy pár a kedvenc Atom töredékeim közül, 60 másodpercben!
Hogyan hozzunk létre egy Atom-részletet
Hogy elkészítsd a saját töredékedet, először menj az Atom > Töredékekhez hogy megnyisd a snippets.cson-t (egy CoffeeScript objektumjelölő fájl). Ezután szükséges lesz meghatároznod a munkaterületedet vagy a fájltípusokat amiben a töredék elérhető lesz.
Itt van egy terület-lista segítségképpen:
- HTML: .text.html.basic
- CSS: .source.css
- Sass: .source.sass
- JavaScript: .source.js
- JSON: .source.json
- PHP: .text.html.php
- Java: .source.java
- Ruby: .text.html.erb
- Python: .source.python
- Egyszerű szöveg (beleértve az árleszállítást): .text.plain
Következőképp, adsz egy nevet a töredékednek és egy "kiváltó kulcsszót", majd a töredéket magát. Például, itt a töredék neve "5 tételes lista", a ravasz "öt", és a tartalom ami kibocsátva van egy rendezetlen lista öt lista tétellel.
'5 item list': 'prefix': 'five' 'body': """ <ul> <li>$1</li> <li>$2</li> <li>$3</li> <li>$4</li> <li>$5</li> </ul> """
Ahogy látni fogod ebben a példában, tudsz hozzáadni helyőrzőket mint a dollár jel, majd egy számot. Továbbá, ha a törzsszöveg több mint egy sorral rendelkezik, használt tripla idézéseket elválasztani.
Mikor kész, mentsd el, és írd a kulcsszót egy HTML fájlba. A kódrészlet bővülni fog, és te képes leszel lapozni az általad létrehozott helyőrzőkön keresztül.
Tanulj többet az Atomról
Sokkal több az Atomról az Envato Tuts+-on, ásd be magad!
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post