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.
'5 item list':
'prefix': 'five'
'body': """
<ul>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
<li>$5</li>
</ul>
"""
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+!
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post
