Emmet ialah sambungan coretan HTML dan CSS dalam Sublime yang meningkatkan kecekapan penyuntingan. Langkah-langkah pemasangan adalah seperti berikut: Pasang Kawalan Pakej. Pasang emmet. Konfigurasikan Emmet (tambah atau kemas kini tetapan pengguna). Tekan kekunci Tab untuk menggunakan Emmet untuk menjana coretan kod.
Cara memasang Emmet dalam Sublime
Emmet ialah sambungan coretan kod berkuasa yang boleh meningkatkan kecekapan menulis HTML dan CSS dalam Teks Sublime. Begini cara memasang Emmet:
Pasang Kawalan Pakej
Kawalan Pakej ialah pengurus pakej untuk Teks Sublime. Jika anda belum memasangnya lagi, ikuti langkah berikut:
Ctrl+Shift+P
(Windows/Linux) atau Cmd+Shift+P
(Mac) Buka palet arahan. Ctrl+Shift+P
(Windows/Linux) 或 Cmd+Shift+P
(Mac) 打开命令面板。
<li>输入 Install
并选择 Package Control: Install Package
。
<li>在弹出的搜索框中,输入 Package Control
并按回车。
安装 Emmet
安装 Package Control 后,就可以安装 Emmet 了:
Install
并选择 Package Control: Install Package
。
<li>在搜索框中,输入 Emmet
并按回车。
Emmet 将自动安装。
配置 Emmet
安装 Emmet 后,你需要配置一些设置来启用它:
Preferences
> Settings - User
。
<li>添加或更新以下设置:
<code>"emmet_syntax_profiles": { "html": "html", "css": "css" }</code>
使用 Emmet
现在 Emmet 已安装并配置,你可以使用它来生成代码片段。以下是几个示例:
<ul> <li> 生成<div>
元素: 输入 div
,按 Tab
。
<li>
生成含有内嵌元素的<div>
元素: 输入 div>p
, 按 Tab
。
<li>
生成带有多个类的<li>
元素: 输入 li.item1.item2
, 按 Tab
。
<li>
生成嵌套的<ul>
和<li>
列表: 输入 ul>li
, 按 Tab
Masukkan Pasang
dan pilih Package Control: Install Package
.
Dalam kotak carian pop timbul, masukkan
Pasang
dan pilih Package Control: Install Package
. 🎜🎜Dalam kotak carian, taip Emmet
dan tekan Enter. 🎜🎜Emmet akan dipasang secara automatik. 🎜🎜🎜Mengkonfigurasi Emmet🎜🎜🎜Selepas memasang Emmet, anda perlu mengkonfigurasi beberapa tetapan untuk mendayakannya: 🎜🎜🎜Buka Preferences
> 🎜🎜Tambah atau kemas kini tetapan berikut: 🎜rrreee<div>
: 🎜 Masukkan div
dan tekan Tab
. 🎜🎜🎜Jana elemen <div>
yang mengandungi elemen sebaris: 🎜 Masukkan div>p
dan tekan Tab
. 🎜🎜🎜Jana elemen <li>
dengan berbilang kelas: 🎜 Masukkan li.item1.item2
, tekan Tab
. 🎜🎜🎜 Jana senarai <ul>
dan <li>
bersarang: 🎜 Masukkan ul>li${5}
, tekan Tab
. 🎜🎜🎜Untuk butiran lanjut dan contoh penggunaan Emmet, sila lihat dokumentasinya: https://docs.emmet.io/🎜Atas ialah kandungan terperinci Bagaimana untuk memasang emmet dalam sublime. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!