7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Atom

Atom w 60 sekund: praca z snippetami

Scroll to top
Read Time: 1 min
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
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
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.