Maison > outils de développement > webstorm > le corps du texte

Parlons des problèmes de compilation Webstorm Sass

藏色散人
Libérer: 2021-12-31 15:43:33
avant
2240 Les gens l'ont consulté

Cet article est écrit par la colonne tutoriel d'utilisation de webstorm pour présenter les problèmes de compilation sass sous webstorm. Il a une certaine valeur de référence et j'espère qu'il pourra aider tout le monde.

Problème de compilation Sass sous webstorm

saas doit s'exécuter dans un environnement Ruby, donc Ruby ​​32/64 doit être installé

1 Installez Ruby

2 Dans la commande DOS, testez si Ruby ​. ​est installé : ruby ​​​​-v (retournez Car, si le numéro de version apparaît, l'installation de ruby ​​​​est réussie)

3. Commande d'installation de sass : gem install sass

4. Testez si sass est installé avec succès : sass. -v (Appuyez sur Entrée, si le numéro de version apparaît, l'installation de sass est réussie)

Méthode 1 : conversion sass de la commande DOS en surveillance de fichiers CSS

1. Dans le répertoire de fichiers, ouvrez la méthode de ligne de commande dos :shift + clic droit

2. Entrez la commande sass dans la ligne de commande pour compiler le fichier sass Surveiller et compiler les fichiers css

sass style.scss mystyle.css
sass style.scss ../css/mystyle.css
Copier après la connexion

 : Lorsque sass est modifié, le fichier css sera modifié simultanément

sass --watch style.scss:../css/mystyle.css
Copier après la connexion

3. Quitter la surveillance ctrl + c, sélectionnez y

Méthode 2 : webstorm est livré avec une surveillance intégrée

1 Une fois pour toutes : configuration Environnement IDE :

Configuration IDE (emplacement : paramètre --> Outils --> Fichier. watchers)

Si sass et css sont deux dossiers pour stocker respectivement scss et css :

Arguments:--style expanded --no-cache --update $FileName$:../css/$FileNameWithoutExtension$.css
Copier après la connexion

Erreur de compilation chinoise : [Ne peut être utilisé aucun nom de fichier et remarques avec des caractères chinois] Recherchez le fichier

1 Ligne 87 de librubygems2. 3.0gemssass-3.4.22libsassimportersfilesystem.rb

if name.index(@root + "/") == 0 修改为 if name.encode("utf-8",'gbk').index(@root + "/") == 0
Copier après la connexion

2. Ajoutez la phrase suivante @charset "UTF" en tête du fichier .scss -8”

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:segmentfault.com
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