Heim > Web-Frontend > CSS-Tutorial > Einführung in die Installation der Less-Konfigurationsumgebung

Einführung in die Installation der Less-Konfigurationsumgebung

高洛峰
Freigeben: 2017-03-15 12:29:22
Original
1747 Leute haben es durchsucht

1. Installieren Sie das SUBIME-Plugin

1. Installieren Sie das Less-Plugin: ift+p>install less und drücken Sie die Eingabetaste

2. Installieren Sie das Less2CSS-Plugin: Strg+Shift+p>install Package> geben Sie less2css ein und drücken Sie die Eingabetaste

Funktion: Automatisch eine CSS-Datei mit demselben Namen generieren beim Speichern einer Less-Datei; Eingabeaufforderung beim Speichern einer Less-Datei Fehlermeldung ; Batch-Kompilierung aller Less-Dateien im Projektverzeichnis in CSS-Dateien.

2. Installieren Sie Node.js

1. Laden Sie es herunter und doppelklicken Sie zur Installation. Standardmäßig wird es unter C:Programm

Dateisnodejs und nicht ändern. 2. Öffnen Sie Program Filesnodejs auf dem Laufwerk C und suchen Sie npm im Ordner nodejs. Sie können npm direkt verwenden, um die entsprechende Umgebung zu installieren.

3.win+R, cmd eingeben und beenden, Eingabe drücken, um das DOS-Fenster aufzurufen. Da die Umgebungsvariable

während der Installation automatisch konfiguriert wurde, können wir den Knoten direkt eingeben, um in den interaktiven Modus von node.js zu gelangen:

Einführung in die Installation der Less-Konfigurationsumgebung 3. Wir danach Wenn Sie den Knoten betreten, können Sie Folgendes eingeben: console.log("Hallo Welt!"); Testen Sie es:

Einführung in die Installation der Less-Konfigurationsumgebung4. Erstellen Sie einen App-Ordner unter dem Laufwerk C Schreiben Sie eine test.js in den Ordner.

Der Code lautet wie folgt:

var http =

require

("http");http.createServer(function(req, res) {

res.write

Head

( 200 , {"Content-Type":"text/html"}); res.write("

Node.js< ;/h1>");

res.write("

Hello World

");

res.

end

( "beyondweb.cn

");}).list

en(3000);console .log( "HTTP-Server überwacht Port 3000.");

5. OK, geben Sie dann Ihren App-Ordner im DOS-Fenster ein und führen Sie [node test.js] im Befehlsfenster aus. Auf diese Weise können Sie auf Ihrer Webseite auf Ihre js zugreifen. Besuchen Sie die URL http://www.php.cn/:3000. Wenn Sie normal darauf zugreifen, ist die Installation erfolgreich.

Einführung in die Installation der Less-Konfigurationsumgebung

Einführung in die Installation der Less-Konfigurationsumgebung3. Weniger installieren

cmd: npm install -g less

less- Installation des Plugin-Clean-CSS-Plugins: npm install less-plugin-clean-css

Das obige ist der detaillierte Inhalt vonEinführung in die Installation der Less-Konfigurationsumgebung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage