Atom w 60 sekund: praca z snippetami
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+!