Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Atom

Atom 60 másodpercben: munka töredékekkel

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Atom in 60 Seconds: 3 Beautiful Themes
Sketch Mirror in 60 Seconds

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.

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!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.