Bagaimana untuk menggunakan kurang dalam sublime

Menggunakan LESS dalam Teks Sublime melibatkan langkah berikut: Pasang pemalam LESS Cipta fail LESS (.less) Tulis kod LESS Susun fail LESS (pilihan) Ciri penting LESS termasuk pembolehubah, bersarang dan campuran.

Menggunakan KURANG dalam Teks Sublime

Bagaimana untuk menggunakan KURANG?

Sublime Text ialah editor kod popular yang memudahkan penggunaan LESS, bahasa sambungan CSS. Untuk menggunakan LESS, anda perlu melakukan langkah berikut:

1 Pasang pemalam LESS:

• Buka Konsol Package Control (gunakan kekunci pintasan Ctrl +. Shift + P). Ctrl + Shift + P）。
• 输入 Install Package 并选择 it。
• 在搜索栏中输入 LESS 并安装该插件。

2. 创建 LESS 文件：

• 新建一个文件，并使用 .less 作为扩展名（例如，mystyle.less
Masukkan Pasang Pakej dan pilihnya.

Masukkan KURANG dalam bar carian dan pasang pemalam.

2 Buat fail KURANG:

Buat fail baharu dan gunakan .less sebagai sambungan (contohnya, mystyle.less).

3. Tulis kod KURANG:
• Dalam fail KURANG, anda boleh menulis kod KURANG. LESS sintaks serupa dengan CSS tetapi menyediakan ciri lanjutan seperti pembolehubah, sarang dan campuran.
4. Susun fail KURANG (pilihan):

Pemalam LESS dalam Sublime Text secara automatik menyusun fail KURANG, tetapi anda juga boleh menyusunnya secara manual.

Untuk menyusun secara manual, pergi ke menu
• KURANG dan pilih Kompilkan ke CSS
.
CIRI-CIRI PENTING DALAM KURANG:

Pembolehubah:

digunakan untuk menyimpan dan menggunakan semula nilai.

Bersarang:

Membolehkan anda menyusun gaya dalam gaya lain.

Campuran: 🎜Membolehkan anda membuat coretan gaya boleh guna semula. 🎜🎜🎜🎜Contoh: 🎜🎜🎜Berikut ialah contoh menulis gaya mudah menggunakan KURANG: 🎜

<code class="less">@primary-color: #007bff;

body {
  color: @primary-color;
  background-color: #f5f5f5;
}

a {
  color: darken(@primary-color, 10%);
}</code>

🎜Ini akan menjana CSS berikut: 🎜

<code class="css">body {
  color: #007bff;
  background-color: #f5f5f5;
}

a {
  color: #0063d6;
}</code>

Atas ialah kandungan terperinci Bagaimana untuk menggunakan kurang dalam sublime. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!