Dalam Sublime Text, bagaimana Anda memotong kode penulisan?

9

Saya minta maaf tapi saya tidak tahu apa namanya, apakah ini telah ditanyakan atau apa situs Stack yang paling cocok untuk ini. Saya telah melihat beberapa video tentang bagaimana orang menggunakan Sublime untuk membuat tag lebih cepat dan saya ingin mempelajari cara yang tepat untuk melakukan ini jika ada dokumentasi atau apa yang dapat saya lakukan lebih cepat dalam pengkodean saya.

Dalam beberapa video saya melihat orang melakukan hal-hal seperti:

div.classdan itu akan membuat <div class="class"></div>setelah tab.

sublime-text-2 DᴀʀᴛʜVᴀᴅᴇʀ
sumber
Anda juga dapat membuat cuplikan khusus Anda sendiri; docs.sublimetext.info/en/latest/extensibility/snippets.html
Abdessamad Idrissi
Tautan di atas tidak lagi valid. Apakah ada tautan resmi yang menyatakan cara membuat cuplikan khusus kami sendiri?
anjanesh

Jawaban:

11

Fitur yang Anda gambarkan adalah bagian dari Sublime Text 2 di luar kotak. Pastikan dokumen Anda menggunakan sintaks HTML ( Lihat »Sintaks» HTML ).

Ketik foo.bar, tekan Tab, dan Anda akan mendapatkannya <foo class="bar"></foo>. Ada juga foo#bar( idbukan sebagai gantinya class). Keduanya diimplementasikan di .Packages/HTML/html_completions.py

Daniel Beck
sumber
Apakah ada dokumentasi tentang cara membuat atag dan sesuatu seperti litag? Apakah ini hanya untuk HTML? dan +1.
DᴀʀᴛʜVᴀᴅᴇʀ
@ Gelas Tidak yakin apa yang Anda maksud, tetapi perhatikan bahwa saya menunjukkan script tempat fitur ini diterapkan (pilih item menu Browse Packages ... untuk pergi ke direktori yang saya sebutkan). Anda dapat, misalnya, memperluas skrip yang ada untuk mendukung mis pemisah tambahan. Script Sublime Text 2 diimplementasikan dalam Python, inilah dokumentasi Python , dan halaman ini berisi dokumentasi khusus untuk Sublime Text 2.
Daniel Beck
Saya pernah melihat seseorang melakukannya div#main.containertetapi Sublime mengeluarkan mainelemen dengan kelas containerketika saya mencoba?
taco
7

Emmet / Zen-Coding

Emmet adalah plugin tempat Anda menulis struktur dasar dengan cara pemilih-CSS dan meminta editor untuk memperluasnya. Anda dapat menemukan paket di GitHub dan menginstalnya melalui manajer Paket.


(sumber: smashingmagazine.com )

Majalah Smashing ini memiliki artikel tentang itu . Sebagai contoh,

(.foo>h1)+(.bar>h2)

akan memperluas dengan Tabke

<div class="foo">
  <h1></h1>
</div>
<div class="bar">
  <h2></h2>
</div>

Bungkus Pilihan dalam Tag

Yang juga dapat Anda lakukan adalah tekan AltShiftWuntuk membuat tag terbuka atau membungkus pilihan saat ini dalam tag (lihat Edit »Tag» Bungkus Pilihan Saat Ini di Tag ).

Secara default itu akan membuat:

<p></p>

dengan nama tag yang dipilih sehingga Anda dapat menimpanya.

Menekan Tablebih jauh akan membuat Anda berada di dalam tag. Atau, jika Anda menekan Space, Anda dapat membuat atribut, misalnya:

  • AltShiftW(pada Windows / Linux) atau CtrlShiftWpada OS X
  • A
  • Space
  • Ketikkan href="...", laluTab
  • Hasil <a href="..."></a>dengan kursor diposisikan di dalam tag
slhck
sumber