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

Atom за 60 секунд: Работа со Сниппетами

by
Read Time:1 minLanguages:
This post is part of a series called 60 Second Video Tutorials.
Atom in 60 Seconds: 3 Beautiful Themes
Sketch Mirror in 60 Seconds

Russian (Pусский) translation by Anton L (you can also view the original English article)

Сниппеты позволяют вам написать короткий кейворд, затем после нажатия определённой клавиши вы получите кусок кода. Вот мои любимый сниппеты в Atom, за шестьдесят секунд.

Как создать Сниппет в Atom

Чтобы сделать свой сниппет для начала перейдите в Atom > Snippets, откройте snippets.cson (CoffeeScript Object Notation). Затем вам нужно определить область видимости, или тип файла, в котором будет доступен ваш сниппет.

Вот список областей видимости, вам в помощь

  • 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
  • Обычный текст (включая markdown): .text.plain

Далее дайте имя и задайте кейворд для активации вашего сниппета, после чего напишите код самого сниппета.  К примеру вот сниппет под названием «5 item list», который активируется словом «five» и выдаёт список с пятью элементами.

Как вы наверно заметили в данном примере, вы можете добавить плейсхолдер используя знак доллара, после чего следует написать соответствующий номер. Если контент сниппета занимает больше одной строки, используйте тройные кавычки для разделения.

После того как ваш сниппет буедт готов, сохраните его и напишите кейворд в HTML файле. В результате вы получите код сниппета и возможность перемещаться табом по тем местам, где вы указали плейсхолдеры.

Узнайте больше об Atom

На Envato Tuts+ Вы можете найти больше информации об Atom!

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.