Rumah > alat pembangunan > sublime > Bagaimana untuk memasang emmet dalam sublime

Bagaimana untuk memasang emmet dalam sublime

下次还敢
Lepaskan: 2024-04-03 11:45:20
asal
1261 orang telah melayarinya

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.

Bagaimana untuk memasang emmet dalam sublime

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:

    <li>Tekan 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 了:

    <li>打开命令面板(如上所述)。 <li>输入 Install 并选择 Package Control: Install Package。 <li>在搜索框中,输入 Emmet 并按回车。

Emmet 将自动安装。

配置 Emmet

安装 Emmet 后,你需要配置一些设置来启用它:

    <li>打开 Preferences > Settings - User。 <li>添加或更新以下设置:
<code>"emmet_syntax_profiles":
{
    "html": "html",
    "css": "css"
}</code>
Salin selepas log masuk
    <li>保存文件并重新启动 Sublime Text。

使用 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 Kawalan Pakej dan tekan Enter.

🎜🎜Pasang Emmet🎜🎜🎜Selepas memasang Kawalan Pakej, anda boleh memasang Emmet: 🎜🎜🎜Buka palet arahan (seperti di atas). 🎜🎜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
    🎜Simpan fail dan mulakan semula Teks Sublime. 🎜
🎜🎜Menggunakan Emmet🎜🎜🎜Sekarang Emmet dipasang dan dikonfigurasikan, anda boleh menggunakannya untuk menjana coretan kod. Berikut ialah beberapa contoh: 🎜<ul>🎜🎜 Jana elemen <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!

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan