Maison > interface Web > tutoriel CSS > Introduction à l'installation de l'environnement de configuration Less

Introduction à l'installation de l'environnement de configuration Less

高洛峰
Libérer: 2017-03-15 12:29:22
original
1746 Les gens l'ont consulté

1. Installez le plug-in SUBIME

1. Installez le plug-in Less : ctrl shift p>install Package> appuyez sur Entrée

2. Installez le plug-in Less2CSS : ctrl shift p>install Package> entrez less2css et appuyez sur Entrée

Fonction : lors de l'enregistrement du fichier less, génère automatiquement un fichier css avec le même nom ; lors de l'enregistrement du fichier less, invite à la compilation Message d'erreur  ; Compilez par lots tous les fichiers less du répertoire du projet en fichiers CSS.

2. Installez Node.js

1. Téléchargez et double-cliquez pour l'installer. La valeur par défaut est de l'installer sous C:Program Fichiersnodejs et ne changez pas.

2. Ouvrez Program Filesnodejs sur le lecteur C et recherchez npm sous le dossier nodejs. Vous pouvez directement utiliser npm pour installer l'environnement approprié.

3.win R, entrez et quittez cmd, appuyez sur Entrée pour afficher la fenêtre DOS. Parce que la variable d'environnement

a été automatiquement configurée lors de l'installation, nous pouvons entrer directement dans node pour accéder au mode interactif node.js :

Introduction à linstallation de lenvironnement de configuration Less

3. Nous après en entrant dans le nœud, vous pouvez saisir : console.log("Hello, World!"); testez-le :

Introduction à linstallation de lenvironnement de configuration Less

4. Créez un dossier d'application sous le lecteur C, app. Écrivez un test.js dans le dossier.

Le code est le suivant :

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

");}).

listfr(3000);

console .log( "Le serveur HTTP écoute sur le port 3000.");

5. OK, puis entrez votre dossier d'application depuis la fenêtre DOS et exécutez [node test.js] dans la fenêtre de commande. De cette façon, vous pouvez accéder à votre js sur la page Web. Visitez l'URL http://www.php.cn/:3000. Si vous y accédez normalement, l'installation est réussie.

Introduction à linstallation de lenvironnement de configuration Less

Introduction à linstallation de lenvironnement de configuration Less

3. Installer moins

cmd : npm install -g less

less- Installation du plug-in plugin-clean-css : npm install less-plugin-clean-css

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal