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

Atom en 60 Segundos: Trabajando Con Fragmentos

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

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Los fragmentos te permiten escribir una palabra clave y después expandirla en una pieza predefinida de código. Aquí hay algunos de mis fragmentos favoritos de Atom, ¡en sesenta segundos!

Cómo Crear un Fragmento de Atom

Para crear tu propio fragmento primero ve a Atom > Fragmentos para abrir snippets.cson (un archivo de Notación de Objeto CoffeeScript). Después necesitas definir tu alcance o el tipo de archivos en los que el fragmento estará disponible.

Aquí hay una lista de alcance para ayudarte:

  • 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
  • Texto Plano (incluyendo marcado):. text.plain

Después, das a tu fragmento un nombre y una "palabra disparadora" seguida del fragmento mismo. Por ejemplo, aquí el fragmento es nombrado "5 item list", el disparador es "five" y el contenido que es mostrado es una lista sin orden con cinco elementos de lista:

Como puedes ver en este ejemplo, puedes agregar marcadores de posición como el signo de dólar, seguido de un número. También, si el cuerpo de texto tiene más de una línea usa comillas triples para separación.

Una vez realizado, guarda y teclea la palabra clave en un editor HTML. El fragmento se expandirá y podrás tabular a través de los marcadores de posición que creaste.

Aprende Más Sobre Atom

Hay mucho más sobre Atom en Envato Tuts+, ¡adéntrate!

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.