Bonjour à tous. Merci encore une fois à toi pour ce partage de connaissance. Pour info je travaille sous Mac, avec Coda comme éditeur et Codekit pour (entre autre) compiler SASS. Ca fonctionne très bien et en 3 clicks ca fait le job une bonne fois pour toute.
Bonjour, Est-ce normal ? j'ai téléchargé la version pour Windows mais je n'ai pas les exécutables dart-sass-bat et sass-bat ? Pourtant j'ai bien télécharger depuis la sources indiqué. Avez-vous rencontré ce genre de problème ?
salut dans d'autre video on demande d'installé ruby, mais sur vscode il y'a une extension qui permet d'utiliser sass "live sass compiler" quelle est la meilleur methode d'insttallation???🤔
salut sommes nous obliger de faire tout le processus que tu as ais dans ta vidéo ? ou tu as juste montrer en detail pour comprendre le fonctionnement sa m'a l'air compliquer
Incroyable cette vois si apaisante, je suis pas chasseur mais je te mettrai bien une cartouche ! Naaaaaan en vrai super vidéo merci beaucoup mec! Au top comme d'hab
Hello ! Je suis bloqué à 5m25 ! J'ai bien mis le style.css qui a été créé juste avant mais hélas lors que j'actualise le navigateur ou que j'utilise le live sur mon fichier html… Le body est toujours blanc et pas noir ! Du coup, je ne sais pas avancer plus loin :/ Une âme charitable pour me répondre ? Merci Grafikart pour tes vidéos, c'est génial !
Bonjour. J'ai rencontré le même problème sur windows10. Par contre, toutes les commandes --watch, --help, etc marchent bien. As-tu déjà trouvé la solution s'il te plait?
Petite question bête : (vers 4:21) Vous dites qu'il faut rajouter le drapeau --watch à la commande pour que Visual Studio Code surveille la feuille de style et recompile le fichier .css après chaque changement du fichier .scss Très bien. Mais ça surveille combien de temps ? Tant que Visual Studio Code fonctionne ? Autrement dit, est-ce qu'il faut retaper cette ligne de commande à chaque fois qu'on (re)lance Visual Studio Code ? En tout cas, merci pour ce tuto et pour tous les autres ;-)
Bonjour, Je suis sur mac OSX 10.14.1, je suis bloqué dès le début du tuto, Je pense que le terminal (celui de visual studio code) me situe déjà au bon endroit puisqu'il est indiqué à son ouverture "iMac-de-user:dart-sass user$" Par contre rien ne marche ni le --help , ni ./dart-sass/sass sass/style.scss , ni sass/style.scss Il n'y a rien du tout à initialiser dans les fichiers dart-sass ? D'avance merci
Bonjour, quand vous installez sass vous l'installez pour windows parce que vous travaillez en local. Mais dès que le site est finit et qu'on doit l'envoyer sur un serveur pour que le site soit en ligne, c'est la version linux qu'on doit installer sur le serveur non ?
bonjour noble ami voila j ai repris quelquepeu le css et je desirai explorer sass cependant je me heurte apparemment a un probleme d ouverture du fichier avec le chemin ./dart-sass/sass sass/style.scss et du coup je suis bloqué pour aller plus loin
L'installation est plus portable je dirais, mais ça revient au même. node-sass télécharge le binaire et l'utiliser pour compiler. Tu peux suivre la formation avec sans souci.
Bonjour. Excusez mon ignorance, mais pourquoi, sous windows 8, lorsque j’écris dans le terminal, ./dart-sass/sass --help j’ai l’erreur suivante? '.' n'est pas reconnu en tant que commandes intérieures ou externe, un programme exécutable ou un fichier de commandes. Merci pour votre compréhension. Bonne journée.
Mmh tu es sur powershell ? Sinon essaie de mettre le chemin en dur dans ce cas là sans commencer par ./ . Depuis le bon dossier dart-sass\sass.bat --help
@@grafikart Je suis sur le terminal de Visual Studio code! Ce que tu m'as donné fonctionne! Mais j'aimerais savoir comment je peux faire pour exécuter les instructions comme dans la vidéo!
D'abort, merci pour les vidéos! Je n'ai pas tout à fait le même visual studio code, j'ai la 1.55.0 . De plus, mon powershell n'est pas le même, le mien ressemble + au CMD avec écriture blanche et génère une erreur si j'écris "./dart-sass.."Je dois me placer dans le répertoire SASS (là où il y a le fichier .scss) et faire la commande "sass myFile.scss myFile.css".
impressionnant je dois être le seul qui y arrive pas au bout de 3 minutes j'ai pourtant l'impression de tout tout faire pareil ... La vidéo datant de 2019 je me demande si ça ne vient pas de là bien qu'il est plus crédible que je sois juste mauvais
Bonjour, Je ne sais pas si ça a changé, mais il y a peu encore PrePros était d'utilisation gratuite, avec juste des notifs pour inciter à rémunérer l'auteur, mais rien de bloquant, ou de restrictif. Et pour abonder avec un autre commentaire, j'aurais également préféré (et de loin) que vous partiez sur l'extension .sass, et sa syntaxe épurée. Ce que j'avais cru en voyant le titre de la série, mais là, déception en voyant que vous aller parler de .scss. Tant pis. Merci pour tout votre travail.
La Syntaxe SASS sera mentionnée plus tard dans la formation mais j'ai choisi de moins la mettre en avant car je ne l'ai pas trop vu utilisée (syntaxe trop éloignée du CSS)
Bonjour,... J'ai très bien suivis votre vidéo et respecté le principe suivant sur visual studio code : , mais lorsque je bascule sur le navigateur avec le bouton LIVE SERVER, voici le message d'erreur qui s'affiche lorsque j'inspecte la page : Refused to apply style from '127.0.0.1:5500/construction/css/accueil.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. Etant donné que j'ai bel et bien créer le fichier style.css.map et très bien générer le fichier style.scss et style.css. Je suis vraiment bloqué pour avancer avec SASS. Merci pour votre réponse.
![DÉBUTER EN PROGRAMMATION [PARTIE 1 : BINAIRE]](http://i.ytimg.com/vi/KOmibP9DuTc/mqdefault.jpg)
![Tutoriel SASS - #1 - Installation et fonctionnement [FR]](http://i.ytimg.com/vi/eU9cW-h2Nos/mqdefault.jpg)
Je suis trop content d'avoir trouvé cette chaine !!!!!!!!!!!
Merci pour cette formation qui est un super complément à mes cours que je ne comprends pas toujours !
Merci beaucoup pour cette formation , 😊😊 je suis heureux
Bonjour à tous. Merci encore une fois à toi pour ce partage de connaissance.
Pour info je travaille sous Mac, avec Coda comme éditeur et Codekit pour (entre autre) compiler SASS. Ca fonctionne très bien et en 3 clicks ca fait le job une bonne fois pour toute.
Merci pour ce tuto tellement simple !
Merci pour cette nouvelle formation et je vous souhaite une très bonne année 2019 !
Bonjour,
Est-ce normal ? j'ai téléchargé la version pour Windows mais je n'ai pas les exécutables dart-sass-bat et sass-bat ?
Pourtant j'ai bien télécharger depuis la sources indiqué.
Avez-vous rencontré ce genre de problème ?
Super tuto!
Magnifique !
Merci beaucoup !
salut dans d'autre video on demande d'installé ruby, mais sur vscode il y'a une extension qui permet d'utiliser sass "live sass compiler" quelle est la meilleur methode d'insttallation???🤔
salut sommes nous obliger de faire tout le processus que tu as ais dans ta vidéo ? ou tu as juste montrer en detail pour comprendre le fonctionnement sa m'a l'air compliquer
Incroyable cette vois si apaisante, je suis pas chasseur mais je te mettrai bien une cartouche ! Naaaaaan en vrai super vidéo merci beaucoup mec! Au top comme d'hab
Whaaaat ? c'est quoi ces gens chelou
L'extension de Visual Code *Live Sass Compiler* permet-elle d'utiliser Sass sans avoir à le downloader sur leur site ??
Hello ! Je suis bloqué à 5m25 ! J'ai bien mis le style.css qui a été créé juste avant mais hélas lors que j'actualise le navigateur ou que j'utilise le live sur mon fichier html… Le body est toujours blanc et pas noir !
Du coup, je ne sais pas avancer plus loin :/
Une âme charitable pour me répondre ? Merci Grafikart pour tes vidéos, c'est génial !
same probleme le terminal ne reconnais pas la commande
"Error reading sass\style.scss: Cannot open file."
Bonjour.
J'ai rencontré le même problème sur windows10.
Par contre, toutes les commandes --watch, --help, etc marchent bien. As-tu déjà trouvé la solution s'il te plait?
Utilise cette commande: .\dart-sass\sass sass\style.scss style.css
bjr je viens juste de trouver la couille enfaite faut installer l'extasions de sass sur vs code
Petite question bête :
(vers 4:21) Vous dites qu'il faut rajouter le drapeau --watch à la commande pour que Visual Studio Code surveille la feuille de style et recompile le fichier .css après chaque changement du fichier .scss Très bien. Mais ça surveille combien de temps ? Tant que Visual Studio Code fonctionne ? Autrement dit, est-ce qu'il faut retaper cette ligne de commande à chaque fois qu'on (re)lance Visual Studio Code ?
En tout cas, merci pour ce tuto et pour tous les autres ;-)
A chaque fois que le terminal est fermé le "watch" est stoppé effectivement (tu peux lancer la commande dans un terminal séparé si tu le souhaite)
@@grafikart Merci pour ta réponse.
Bonjour,
Je suis sur mac OSX 10.14.1, je suis bloqué dès le début du tuto,
Je pense que le terminal (celui de visual studio code) me situe déjà au bon endroit puisqu'il est indiqué à son ouverture "iMac-de-user:dart-sass user$"
Par contre rien ne marche ni le --help , ni ./dart-sass/sass sass/style.scss , ni sass/style.scss
Il n'y a rien du tout à initialiser dans les fichiers dart-sass ?
D'avance merci
Oé toujours pas de réaction ?
@@TheTrentmoller C'est peut être un problème de syntaxe : avec la version 1.25.0 la syntaxe change un peu : ./sass mysass/style.scss (Catalina)
Pourquoi avec la commande je peux pas ouvrir le fichier style.scss ça me met un erreur ?
y aurait il le même chose pour html, verifier en direct s'il n y a pas d erreur?
Je t'aime
Bonjour, quand vous installez sass vous l'installez pour windows parce que vous travaillez en local. Mais dès que le site est finit et qu'on doit l'envoyer sur un serveur pour que le site soit en ligne, c'est la version linux qu'on doit installer sur le serveur non ?
Tu envois le fichier CSS, tu n'as donc rien besoin d'installer sur le serveur.
@@grafikart Merci beaucoup !
Génial merci
bonjour noble ami voila j ai repris quelquepeu le css et je desirai explorer sass cependant je me heurte apparemment a un probleme d ouverture du fichier avec le chemin ./dart-sass/sass sass/style.scss et du coup je suis bloqué pour aller plus loin
Bonsoir, est-ce que l'installation via NPM est mieux que d'utiliser la méthode décrite dans la vidéo ?
L'installation est plus portable je dirais, mais ça revient au même. node-sass télécharge le binaire et l'utiliser pour compiler. Tu peux suivre la formation avec sans souci.
Bonjour.
Excusez mon ignorance, mais pourquoi, sous windows 8, lorsque j’écris dans le terminal,
./dart-sass/sass --help
j’ai l’erreur suivante?
'.' n'est pas reconnu en tant que commandes intérieures
ou externe, un programme exécutable ou un fichier de commandes.
Merci pour votre compréhension. Bonne journée.
Mmh tu es sur powershell ? Sinon essaie de mettre le chemin en dur dans ce cas là sans commencer par ./ . Depuis le bon dossier
dart-sass\sass.bat --help
@@grafikart Je suis sur le terminal de Visual Studio code! Ce que tu m'as donné fonctionne! Mais j'aimerais savoir comment je peux faire pour exécuter les instructions comme dans la vidéo!
@@grafikart J'ai le même problème avec cmder
Je ferais des essais, peut être que mon système n'était pas aussi neutre que ce que je pensais.
@@grafikart Salut Jonathan. As-tu pu faire des tests et me donner une solution à mon problème?
Merci pour ton aide. Bonne fin de semaine
Bonjour, est-ce que tu penses faire une série sur stylus ? Je l’ai utilisé dernièrement et je le trouve vraiment top.
Ce n'est pas prévu, pour le moment je suis satisfait avec SASS.
D'abort, merci pour les vidéos! Je n'ai pas tout à fait le même visual studio code, j'ai la 1.55.0 . De plus, mon powershell n'est pas le même, le mien ressemble + au CMD avec écriture blanche et génère une erreur si j'écris "./dart-sass.."Je dois me placer dans le répertoire SASS (là où il y a le fichier .scss) et faire la commande "sass myFile.scss myFile.css".
c'est à se demander pourquoi ils ont pas déjà commencé à faire évoluer le CSS dans ce sens
impressionnant je dois être le seul qui y arrive pas au bout de 3 minutes j'ai pourtant l'impression de tout tout faire pareil ... La vidéo datant de 2019 je me demande si ça ne vient pas de là bien qu'il est plus crédible que je sois juste mauvais
Qu'est ce qui bloque ?
8:36
Et PATH le chien !
=> [ ]
Tu as fait ma journée, merci. :D
Cette blague pourrie
Pourquoi utiliser des fichiers .scss et pas .sass, dont la syntaxe est un peu plus élégante selon moi ?
Sinon, très bon tuto ;)
On parlera de la syntaxe SASS plus tard dans la formation. Je dirais que le SCSS est plus naturel car plus proche du CSS classique.
Bonjour, Je ne sais pas si ça a changé, mais il y a peu encore PrePros était d'utilisation gratuite, avec juste des notifs pour inciter à rémunérer l'auteur, mais rien de bloquant, ou de restrictif.
Et pour abonder avec un autre commentaire, j'aurais également préféré (et de loin) que vous partiez sur l'extension .sass, et sa syntaxe épurée. Ce que j'avais cru en voyant le titre de la série, mais là, déception en voyant que vous aller parler de .scss. Tant pis. Merci pour tout votre travail.
La Syntaxe SASS sera mentionnée plus tard dans la formation mais j'ai choisi de moins la mettre en avant car je ne l'ai pas trop vu utilisée (syntaxe trop éloignée du CSS)
sass m'a fait gagné tellement de temps ...
Je passe par compass pour le compiler, on m'a dit que c'était en train de mourir ?!
Oui ça va être amener à disparaitre, la librairie n'est plus supportée github.com/Compass/compass.
Bonjour,...
J'ai très bien suivis votre vidéo et respecté le principe suivant sur visual studio code :
, mais lorsque je bascule sur le navigateur avec le bouton LIVE SERVER, voici le message d'erreur qui s'affiche lorsque j'inspecte la page :
Refused to apply style from '127.0.0.1:5500/construction/css/accueil.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Etant donné que j'ai bel et bien créer le fichier style.css.map et très bien générer le fichier style.scss et style.css.
Je suis vraiment bloqué pour avancer avec SASS.
Merci pour votre réponse.