Heim > Artikel > Entwicklungswerkzeuge > Wie man weniger in Sublime verwendet
Die Verwendung von LESS in Sublime Text umfasst die folgenden Schritte: Installieren Sie das LESS-Plugin. Erstellen Sie die LESS-Datei (.less). Schreiben Sie den LESS-Code. Kompilieren Sie die LESS-Datei (optional). Zu den wichtigen Funktionen von LESS gehören Variablen, Verschachtelung und Mixins.
WENIGER in Sublime Text verwenden
Wie verwende ich LESS?
Sublime Text ist ein beliebter Code-Editor, der die Verwendung von LESS, einer CSS-Erweiterungssprache, einfach macht. Um LESS zu verwenden, müssen Sie die folgenden Schritte ausführen:
1. Installieren Sie das LESS-Plug-in:
Strg
+ Umschalt
+ P
). Ctrl
+ Shift
+ P
)。Install Package
并选择 it。LESS
并安装该插件。2. 创建 LESS 文件:
.less
作为扩展名(例如,mystyle.less
Install Package
ein und wählen Sie es aus. Geben Sie LESS
in die Suchleiste ein und installieren Sie das Plugin.
Erstellen Sie eine neue Datei und verwenden Sie .less
als Erweiterung (zum Beispiel mystyle.less
).
Das LESS-Plugin in Sublime Text kompiliert automatisch LESS-Dateien, Sie können sie aber auch manuell kompilieren.
werden zum Speichern und Wiederverwenden von Werten verwendet.
Verschachtelung:Ermöglicht das Verschachteln von Stilen in anderen Stilen.
Mischen: 🎜Ermöglicht das Erstellen wiederverwendbarer Stilschnipsel. 🎜🎜🎜🎜Beispiel: 🎜🎜🎜Hier ist ein Beispiel für das Schreiben eines einfachen Stils mit LESS: 🎜<code class="less">@primary-color: #007bff; body { color: @primary-color; background-color: #f5f5f5; } a { color: darken(@primary-color, 10%); }</code>🎜Dadurch wird das folgende CSS generiert: 🎜
<code class="css">body { color: #007bff; background-color: #f5f5f5; } a { color: #0063d6; }</code>
Das obige ist der detaillierte Inhalt vonWie man weniger in Sublime verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!