BTS SIO2D
  • Accueil
  • Connexion
6 septembre 2024 par ltrouiller

Installation de Sass/Scss sur un projet

Installation de Sass/Scss sur un projet
6 septembre 2024 par ltrouiller
Installation de Sass :
 
Lorsque vous installez Sass sur la ligne de commande, vous pourrez exécuter l’exécutable sass pour compiler les fichiers .sass et .scss en fichiers .css. Par exemple :
Installez d’abord Sass en utilisant l’une des options ci-dessous, puis exécutez sass –version pour vous assurer qu’il est correctement installé. Si c’est le cas, la version affichée inclura 1.79.5. Vous pouvez également exécuter sass –help pour obtenir plus d’informations sur l’interface de ligne de commande.
 
Une fois que tout est configuré, allez jouer. Si vous êtes novice en matière de Sass, nous avons mis en place des ressources pour vous aider à apprendre rapidement.

Installation de Sass/Scss en mode Standalone “autonome”: (celle que j’ai choisit)

en cliquant sur le lien nous arrivons sur la page GitHub du projet Sass/Scss et pouvons sélectionner la release qui nous intéresses (selon nôtre système d’exploitation)

je télécharge donc la release “dart-sass-1.80.6-windows-w64.zip”

une fois télécharger je doit extraire le contenu du dossier dart-sass-1.80.6-windows-w64.zip dans le dossier Programmes files.

L’étape suivante consiste à modifier les variables d’environnement Windows pour pouvoir travailler avec Sass sur n’importe quel projet depuis mon ordinateur.

pour cela il suffit de ce rendre dans les paramètres de vôtre système Windows et de suivre cette route :

Système > Informations système > Paramètres avancés du système > Variables d’environnement

cliquer sur modifier et crée un nouveau chemin “Path” qui redirige sur le dossier dart-sass précédemment placer dans Program Files

Nous avons ainsi installé le framework Sass/Scss sur notre machine et il sera accessible sur n’importe quel projet.

Après avoir procédé à l’installation, pour que votre fichier style.css se compile automatiquement selon le contenu de style.scss, il suffit d’exécuter cette commande :

Et le tour est joué ! Vous êtes désormais capable de créer un projet et d’utiliser Sass/Scss pour le front-end de votre site.

Dans les prochains articles, nous rentrerons plus en détail sur l’utilisation des différentes fonctionnalités de ce framework.

Article précédentPresentation de Sass/ScssArticle suivant Node Sass obsolète - quel avenir pour le framework front-end ?

Laisser un commentaire Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

About The Blog

Nulla laoreet vestibulum turpis non finibus. Proin interdum a tortor sit amet mollis. Maecenas sollicitudin accumsan enim, ut aliquet risus.

Articles récents

projet flutter Forum28 avril 2025
Backup BDD Bash17 mars 2025
UE – TF1 se met à Unreal Engine ?17 mars 2025

Catégories

  • Article Angular Killian
  • Article Clément
  • Article Unreal Engine Hugo
  • Cybersécurité
  • IA
  • Non classé
  • Projet Flutter KHM
  • Projet Hugo
  • Stage Clément
  • Stage Hugo
  • Stage Killian P
  • TP Clément

Méta

  • Inscription
  • Connexion
  • Flux des publications
  • Flux des commentaires
  • Site de WordPress-FR

Étiquettes

Article Développer son projet professionnel Flutter Gérer son identité professionnelle Java Stage Symfony TP

Why Lander

Lander is a design prepared
especially for the free version
of Rife WordPress Theme.

You can use this for free.
Make your website today.
Get Started Now!

Contact

734 Blackwell Street
Anchorage, Alaska
info@domain.com
+33 (0) 101 0000
+33 (0) 102 0000
Mon. - Fri. 8AM - 6PM

Articles récents

projet flutter Forum28 avril 2025
Backup BDD Bash17 mars 2025
UE – TF1 se met à Unreal Engine ?17 mars 2025
Rife Wordpress Theme. Proudly Built By Apollo13