Advertisement
  1. Web Design
  2. Atom

Atom w 60 sekund: praca z snippetami

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

Polish (Polski) translation by Mateusz Kurlit (you can also view the original English article)

Snippety pozwalają na wygenerowanie wstępnie zdefiniowanego fragmentu kodu za pomocą słowa kluczowego. W 60 sekund przedstawię niektóre z moich ulubionych snippetów w Atom!

Jak stworzyć snippet w Atom

Aby stworzyć własny snippet, przejdź do Atom > Snippets i otwórz snippets.cson (plik CoffeeScript Object Notation). Następnie, należy zdefiniować zakres lub typy plików, w których snippet będzie dostępny.

Poniżej znajduje się zakres:

  • 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
  • Zwykły tekst (włącznie z Markdown): .text.plain

Nazwij swój snippet i określ "słowo kluczowe", które będzie go aktywowało. Dla przykładu, poniższy snippet nazywa się "lista 5 elementów", słowo kluczowe to "five", a rezultat jest nieuporządkowaną listą pięciu elementów.

Jak widzisz w powyższym przykładzie, możesz dodać symbole zastępcze, takie jak znak dolara, a następnie liczbę. Jeśli tekst główny posiada więcej niż jeden wiersz, użyj potrójny cudzysłów do oddzielenia.

Po zapisaniu kodu, wpisz słowo kluczowe w pliku HTML. Snippet zostanie wygenerowany, a ty będziesz mógł modyfikować pola, które utworzyłeś.

Dowiedz się więcej o Atom

Istnieje mnóstwo poradników na temat Atom na Envato Tuts+!

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.