Jadual Kandungan
Apa coretan dan mengapa mengganggu?
Cara membuat coretan asas dalam teks luhur
Menambah pembolehubah dan ruang letak
Di mana untuk menyimpan dan bagaimana menguruskan coretan
Rumah alat pembangunan sublime Bagaimanakah saya menggunakan ciri coretan teks Sublime untuk membuat templat kod yang boleh diguna semula?

Bagaimanakah saya menggunakan ciri coretan teks Sublime untuk membuat templat kod yang boleh diguna semula?

Jul 08, 2025 am 12:33 AM
Coretan kod

Fungsi coretan kod teks Sublime dapat meningkatkan kecekapan pengekodan melalui templat pratetap. Langkah -langkah tertentu ialah: 1. Buat serpihan baru melalui Alat> Pemaju> Coretan Baru ..., Gantikan Pemegang Letak dalam Templat dan simpan ke folder lalai; 2. Gunakan kata pencetus dan kunci tab dalam kod untuk memasukkan struktur biasa dengan cepat, seperti input HTMLBase untuk menghasilkan rangka asas HTML5; 3. Anda boleh menambah pembolehubah dan ruang letak kepada serpihan, seperti menetapkan $ {1: functionname}, $ {2: argumen} dan tag lain apabila menentukan templat fungsi JavaScript untuk mencapai penyesuaian pesat; 4. Serpihan yang ditakrifkan pengguna disimpan dalam pakej/direktori pengguna secara lalai, dan boleh diklasifikasikan dan diuruskan atas permintaan. Adalah disyorkan untuk membuat sandaran direktori melalui penyegerakan awan atau alat kawalan versi untuk memudahkan penggunaan dan pemulihan pelbagai peranti.

Jika anda ingin menjimatkan masa menulis kod berulang, ciri coretan Sublime Text adalah alat yang kukuh untuk membuat templat yang boleh diguna semula. Ia tidak mencolok, tetapi apabila anda mendapatkannya, anda akan tertanya -tanya bagaimana anda pernah berkod tanpa ia.

Apa coretan dan mengapa mengganggu?

Coretan pada dasarnya adalah sedikit bit kod pra-writen yang boleh dimasukkan ke dalam fail anda dengan cepat menggunakan kata kunci pencetus. Mereka sangat berguna untuk struktur boilerplate - fikir html halaman rangka, pembalut fungsi, atau gelung yang biasa digunakan. Daripada menaip blok yang sama berulang kali, anda hanya menaip pintasan dan tekan tab. Itu sahaja. Tidak perlu menyalin paste atau beralih antara tab untuk mencari contoh lama.

Cara membuat coretan asas dalam teks luhur

Membuat coretan baru tidak rumit. Inilah yang anda buat:

  • Pergi ke Alat> Pemaju> Coretan Baru ...
  • Ini membuka fail templat dengan beberapa xml tempat letak
  • Ganti tempat letak dengan kod sebenar dan metadata anda

Berikut adalah contoh mudah: Katakan anda ingin membuat coretan untuk DOCTYPE HTML5. Coretan anda mungkin kelihatan seperti ini:

 <nippet>
    <content> <! [cdata [<! Doctype html>
<html lang = "en">
<head>
    <meta charset = "utf-8">
    <tirtment> Document </title>
</head>
<body>

</body>
</html>]]> </content>
    <Abtrigger> htmlbase </tAbtrigger>
    <scope> text.html.basic </scope>
</snippet>

Simpan fail dengan lanjutan .sublime-snippet html_base.sublime-snippet Sekarang, buka fail HTML baru, taip htmlbase , kemudian tekan tab. Boom - Struktur HTML Penuh dalam satu perjalanan.

Menambah pembolehubah dan ruang letak

Salah satu ciri coretan yang lebih berguna ialah keupayaan untuk memasukkan pembolehubah dan hentian tab. Ini membolehkan anda menyesuaikan bahagian kod yang dimasukkan tanpa mencari dan menggantikan secara manual selepas itu.

Sebagai contoh, jika anda sering menulis fungsi JavaScript, anda mungkin mahu coretan seperti ini:

 <nippet>
    <content> <! [cdata [function $ {1: functionName} ($ {2: argumen}) {
    $ {0: // body}
}]]> </content>
    <Abtrigger> func </TABTrigger>
    <scope> source.js </scope>
</snippet>

Dalam kes ini:

  • ${1:functionName} menjadi diserlahkan terlebih dahulu, jadi anda boleh menaip nama segera
  • ${2:arguments} Datang seterusnya apabila anda memukul tab
  • ${0:// body} adalah tempat kursor anda tanah terakhir

Ini menjadikan memasukkan dan menyesuaikan blok lebih cepat daripada menaip segala -galanya secara manual setiap kali.

Di mana untuk menyimpan dan bagaimana menguruskan coretan

Secara lalai, coretan yang dibuat pengguna hidup dalam direktori pakej pengguna anda ( Packages/User ). Anda boleh mengakses ini melalui Keutamaan> Layari pakej .... Menjaga coretan anda diatur di sini membantu mengelakkan kekeliruan kemudian.

Anda tidak perlu menyimpan semua coretan dalam satu folder - anda boleh menyusunnya ke dalam subfolder jika anda mempunyai banyak. Ingatlah skop mana yang sepadan dengan bahasa atau jenis fail mana.

Juga, jika anda menggunakan pelbagai mesin atau ingin membuat sandaran persediaan anda, pertimbangkan untuk menyegerakkan folder User anda (atau sekurang -kurangnya coretan) melalui Dropbox, Git, atau kaedah penyegerakan lain. Dengan cara itu, anda tidak perlu membina semula segala -galanya dari awal.


Itu cukup banyak untuk memulakan coretan dalam teks luhur. Ia tidak mengambil banyak untuk menubuhkannya, tetapi apabila mereka berada di tempat, mereka membuat pengekodan setiap hari pengalaman yang lebih lancar.

Atas ialah kandungan terperinci Bagaimanakah saya menggunakan ciri coretan teks Sublime untuk membuat templat kod yang boleh diguna semula?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Stock Market GPT

Stock Market GPT

Penyelidikan pelaburan dikuasakan AI untuk keputusan yang lebih bijak

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Bagaimana cara menggunakan teks luhur sebagai alat diff untuk git? Bagaimana cara menggunakan teks luhur sebagai alat diff untuk git? Sep 21, 2025 am 01:06 AM

Konfigurasikan Git untuk menggunakan sublimetext sebagai alat perbandingan perbezaan. Anda perlu menetapkan GitConfig untuk menentukan Sublime sebagai alat Diff Default dan menentukan arahan panggilan; 2. Pasang alat baris arahan untuk membuat subl tersedia di terminal, dan konfigurasikan gitdifftool.sublime.cmd untuk menggunakan Subl-W-Wait-Diff "$ Local" "$ jauh" untuk membuka fail perbezaan; 3. Gunakan perintah gitdifftool untuk melihat perubahan antara penyimpanan sementara atau penyerahan dalam sublimetext dalam paparan lajur ganda; 4. Kaedah ini bergantung pada -Sublimetext4

Bagaimana cara menggunakan emmet dalam teks luhur? Bagaimana cara menggunakan emmet dalam teks luhur? Sep 21, 2025 am 03:38 AM

Emmetisapluginforsublimetextthataccelateshtmlandcsscodingthroughabvrevreviations.2.installitviapackagecontrolbyopeningthecommandpalette, memilih "InstallPackage," SearchingForemmet, andinstalling

Bagaimana cara menggunakan plugin gitgutter dalam teks luhur? Bagaimana cara menggunakan plugin gitgutter dalam teks luhur? Sep 17, 2025 am 05:12 AM

Gitgutterdisplaysreal-timelinechangesinsublimetextusingicons: foradded, ~ formified, -fordeleted, ▶/↺formovedlines; InstallviapackageControl, memastikangitisinpath, encana

Bagaimana cara menyediakan sistem binaan untuk Java dalam teks yang luhur? Bagaimana cara menyediakan sistem binaan untuk Java dalam teks yang luhur? Sep 20, 2025 am 12:33 AM

Jawapan: Untuk mengkonfigurasi sistem binaan Java untuk sublimetext, anda perlu memasang JDK dan membuat fail binaan tersuai. 1. Pastikan JDK dipasang dan pembolehubah persekitaran adalah betul; 2. Membina sistem binaan baru dalam luhur dan gunakan konfigurasi JSON yang mengandungi perintah Javac dan Java; 3. Simpan sebagai Java.Sublime-Build; 4. Pilih sistem membina dan menyusun dan dijalankan dengan Ctrl B. Output dan kesilapan akan dipaparkan di panel bawah, sesuai untuk projek kecil atau pembelajaran.

Bagaimana untuk menyerlahkan tag yang sepadan dalam teks luhur? Bagaimana untuk menyerlahkan tag yang sepadan dalam teks luhur? Sep 16, 2025 am 01:11 AM

Sublimetext secara automatik menyoroti sepadan dengan pasangan tag HTML atau XML, dan meletakkan kursor pada tag untuk dipaparkan; Jika tidak berkuatkuasa, periksa sama ada tetapan sintaks adalah betul. 1. Tag Sorotan disokong secara lalai untuk memastikan bahawa sintaks fail adalah HTML atau XML. 2. Secara pilihan memasang plug-in brackethighlighter untuk meningkatkan kesannya. Selepas mencari dan memasang melalui panel arahan, anda boleh mendapatkan ikon yang lebih jelas dan menggariskan arahan. 3. Laraskan gaya sorotan melalui keutamaan, seperti mengubahnya kepada pepejal, garis besar atau garis bawah, dan sahkan bahawa jenis label diaktifkan.

Bagaimana cara menyusun garis mengikut abjad dalam teks luhur? Bagaimana cara menyusun garis mengikut abjad dalam teks luhur? Sep 14, 2025 am 03:04 AM

SelectLinesNoseEdit → sortlinestosortalphabetically (atoz) oredit → sortlines (terbalik) forzta; Secara pilihan, addCustoMeyBoardsViapurance → keybindingforfasterAccess.

Bagaimana cara menggunakan kursor berganda dalam teks luhur? Bagaimana cara menggunakan kursor berganda dalam teks luhur? Sep 17, 2025 am 01:44 AM

Usectrl alt/downtoaddcursorsaboverbelow.2.pressctrl dtoselectwordinstancesonebyoneorctrl alt gtoselectallatonce.3.holdctrlandclicktoplacemultiplecursorsorsorsorsorsorsorsorsorsorsorsorsorsorsorsorsorsorsorsorsorsorsorship.4.useshift

Bagaimana membuat teks luhur aplikasi mudah alih? Bagaimana membuat teks luhur aplikasi mudah alih? Sep 20, 2025 am 02:05 AM

SublimetextbecomesportableBydownloadingthe.zipversion, extractingit, andcreatinga "data" folderbesidesublime_text.exe; thisstoresallsettingslocally.Thenlaunched, sublimeTextDetectSthedatafolderautomically

See all articles