CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Installation SASS / SCSS

el-con
el-con
Niveau 5
14 juillet 2022 à 20:48:12

Salut les kheys !

Voilà, je me lance sur un nouveau projet (je suis autodidacte) et j'aimerai utiliser le SASS/SCSS dessus.
J'ai cherché à quoi il sert, je comprend l'idée.
Il y a 2 manières de l'installer :
1. via l'extension Live Sass Compiler sur Visual Code
2. via la ligne de commande
Le truc, c'est qu'on m'a fortement déconseillé d'utiliser l'extension car les extensions utilisent souvent des syntaxes obsolètes (cela pourrait me poser des soucis dans le futur).

Du coup j'ai installé le package pour windows sur le github de la SASS team, mais il n'y a pas de fichier.exe dedans.

En gros j'ai un dossier "dart-sass" qui contient un dossier "src" ainsi qu'un fichier "sass.bat".
Bref, est-ce que vous savez ce que je dois en faire de ce dossier dart-sass ?
J'ai eu beau cherché je ne comprend pas le principe, est-ce que c'est un truc que je dois déplacer dans mon pc ?

PS: je précise que j'ai jamais utilisé Node, je le précise parce que sur la page https://sass-lang.com/install ils en parlent à un moment :(

Merci pour votre aide ;)

Message édité le 14 juillet 2022 à 20:49:34 par el-con
el-con
el-con
Niveau 5
15 juillet 2022 à 01:36:44

C'est bon, je me suis littéralement arraché les cheveux mais j'ai fini par trouver !

Je vous raconte pour ceux que ça intéresse (sait-on jamais :hap: ) :
En fait déjà je parle de Node dans mon précédent message, je faisais référence à NPM (que je ne connaissais pas). En fait, sur la page de sass-lang.com, ils disent juste qu'il est possible d'installer SASS via NPM.

Je me suis donc renseigner sur ce qu'est NPM, à quoi ça sert, etc... ET j'ai compris que je devais d'abord l'installer.
Une fois installé, j'ai tout simplement suivi le tuto et les lignes de commandes à taper, SAUF QUE le terminal me renvoyait pleinnnn d'alertes du style npm WARN config global --global, --local are deprecated. Use --location=global instead., et franchement ça m'a bien cassé les c***lles parce que je ne savais pas pourquoi je reçevais ça alors que j'avais suivi le process "normal" correctement.

J'ai donc copier/coller l'erreur sur Google et je suis tombé sur un post sur stackoverflow d'un américain qui rencontrait le même soucis.
Heureusement, il y avait plein de réponses en dessous.
J'en ai suivi 2 qui étaient particulièrement utiles :

1ère solution :

Go to folder C:\Program Files\nodejs
You have to edit four files named npm, npm.cmd, npx, npx.cmd
Open the files in a text editor, like Visual Studio Code
Replace prefix -g with prefix --location=global in all four files
Save all (if asked, save as administrator)
Good to go!

puis la 2ème solution :

Open PowerShell as administrator and run (info about policy):
Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force
npm install --global --production npm-windows-upgrade
npm-windows-upgrade --npm-version latest

Ensuite c'était bon. Pour commencer à utiliser SASS correctement j'ai commencé à suivre la vidéo (2/11) sur la playlist concernant le SASS/SCSS de GrafikArt. A noter que lui n'installe pas SASS globalement, il l'utilise localement (si j'ai bien compris).

Pour ceux qui rencontrent le même soucis que moi essayez de suivre ce que j'ai fait, si ça a fonctionner pour moi il y a des chances que ça marche aussi pour vous !

Aller tchouss les kheys :hap:

Message édité le 15 juillet 2022 à 01:37:09 par el-con
Marav
Marav
Niveau 53
20 juillet 2022 à 04:11:57

Cool que t'ai pu solutionner le tout :oui: En tout cas félicitations pour ton post explicatif, c'est assez rare sur le forum, ou sur les forums en général.

Et oui NPM s'utilise beaucoup pour gérer les librairies en front ( beaucoup trop même :hap: ) même si on ne connait pas Node. Par contre je suis curieux de savoir où est ce que tu as vu que c'était déconseillé d'utiliser les extensions Sass sur son IDE ? J'en utilisais une en particulier et je vois pas trop le problème.

Message édité le 20 juillet 2022 à 04:14:01 par Marav
Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment