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

Atom Dalam 60 Detik: Berkerja Dengan Snippets

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Atom in 60 Seconds: 3 Beautiful Themes
Sketch Mirror in 60 Seconds

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Snippets membuatmu dapat menulis sebuah kata kunci kemudian mengembangkannya menjadi sebuah bagian kode yang telah ditentukan sebelumnya. Berikut merupakan beberapa snippets Atom favorit saya, dalam enam puluh detik!

Bagaimana Membuat Sebuah Snippet Atom

Untuk membuat sendiri snippet pertama-tama masuk ke Atom > Snippets untuk membuka snippets.cson (a CoffeeScript Object Notation file) Lalu kamu perlu menentukan cakupan atau tipe file untuk snippet agar tersedia.

Berikut daftar cakupan untuk membantumu:

  • 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
  • Plain text (termasuk markdown): .text.plain

Berikutnya, berikan nama snippet itu dan sebuah "kata kunci pemicu" diikuti dengan snippet itu sendiri. Sebagai contoh, berikut snippet bernama "5 item list", pemicunya "five", dan isi adalah output sebagai sebuah daftar tanpa urutan dengan lima item:

Seperti yang kamu lihat dalam contoh ini, kamu dapat menambahkan placeholder sebagai lambang dollar, diikuti dengan sebuah angka. Juga, jika body teks memiliki lebih dari satu baris gunakan tripple kutip untuk pemisahan.

Setelah selesai, simpan, dan ketikkan kata kunci dalam sebuah file HTML. Snippet akan memperluas dan kamu akan bisa berpindah tab sepanjang placeholder yang kamu buat.

Pelajari Lebih Lanjut Tentang Atom

Ada banyak lagi tentang Atom di Envato Tuts+, gali lebih dalam!

Advertisement
Advertisement
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.