JavaScript70-Installer le préprocesseur Sass dans un dossier de travail avec Visual Studio Code
HTML-код
- Опубликовано: 27 июл 2024
- ►Blog: www.e-genieclimatique.com/pla...
Dans cette vidéo on va voir comment installer le préprocesseur Sass dans un dossier de travail avec Visual Studio Code.
►►Sommaire :
►00:00 Présentation
►00:30 Sélectionner le dossier de travail avec Visual Studio Code
►01:35 Ouvrir le terminal
►02:00 Installer le shell bash dans le terminal
►03:41 Créer à l'intérieur un dossier
►03:56 Dans le dossier Sass créer deux sous-dossiers
►04:40 Installation de NPM (Node Package Manager)
►05:43 On se place à la racine du dossier de travail et on va créer le fichier package.json
►07:30 Installation de Sass
►09:15 Paramétrer le fichier package.json
►11:17 Mettre en fonction le Sass et comment on arrête le préprocesseur Sass
►12:36 Ajouter les partials dans le dossier sass
►14:04 Importer les fichiers partials dans style.scss
►17:33 Contrôle du bon fonctionnement
►17:51 je rajoute le .gitignore
►19:33 Je rajoute l'index.html, main.js et divers dossiers
►21:31 IMPORTANT complément d'information sur l'adresse du script Sass dans le package.json
►Playlist JavaScript Exercices Débutant : • JavaScript01-DOM-Exerc...
►►Soutenez la chaîne TMETLARDY / e-genieclimatique, abonnez-vous : bit.ly/e-genieclimatique
►►Souscription à la chaine (zone membre - membership) : / @e-genieclimatique
►Blog : www.e-genieclimatique.com/pla...
►Twitter : / egenieclim
►Facebook : / egenieclimatique
►Instagram : / egenieclimatique
Temps montage (hors encodage et upload) :
Matériels de production :
►[iPad] LumaFusion, Ferrite, Affinity photo, Darkroom, Office 365
►[PC] DaVinci Resolve Studio(4K H265 PCM), Camtasia , TimeBolt, Affinity photo, Affinity Designer, DXO photoLab, Audacity, Adobe Bridge, Xmind, Office365
►Sony RX100M3 (2020/01), Huawei Honor 9X (2019-12)
►iPad pro, Pencil (2017/07) iPad mini 5 (2019-09), Wacom Bamboo Solo 4 (2019/09), Sony WH-1000XM3 (2018/09)
►Blue Yeti (2016/06) | PSA1 Studio arm | BLUE THE RADIUS II | Sony ICD TX650B (2017-01) | Rode NT-USB (2018/10)
►Ryzen 9 3900X (2019/11) | 64Go DDR4 3200 CL16 | ASUS ROG CROSSHAIR VIII HERO WIFI | Asus ROG-STRIX-RTX2070S-A8G Gaming | Samsung SSD interne 970 PRO (1TB) | Samsung SSD interne 970 EVO NVMe M.2 (1TB) | Corsair RM850x | Cooler Master Trooper SE | Prolite XB2783HSU (2016-01) | Prolite XB2783HSU (2014-07)
►MSI GS73 8RE-016FR Stealth UHD (2018/10)
I7 8750H hexacore@2.2@3.9 | 16Go RAM | GTX1060 6Go GDDR5 | SSD M.2 PCIe de 512 Go NVMe | 2 To 5400 RPM | USB 3.1 type C Thunderbolt 3 | HDMI 2.0 | mini DisplayPort 4K @60 Hz
►ASUS 17.3" LED - ROG Strix XG17AHPE (06-2020)
►Logitech MX Keys Plus (06-2020)
J'avais plusieurs soucis pour installer sass avec le package.json. J'ai suivi ta vidéo pas-à-pas depuis le début et tout fonctionne parfaitement. Merci beaucoup pour ton aide précieuse.
Salut, merci pour la vidéo c'est net, clair et précis. Tout fonctionne comme prévu c'est simple à suivre pour un débutant comme moi 👍
Merci pour le retour, c'est rare
@@e-genieclimatique Existe-t-il une vidéo pour nous expliquer comment configurer ça rapidement pour un nouveau projet ?
si je fais l'installation dans cette vidéo c'est que je m'en sert dans les vidéos suivantes
quand je fais "select" je n'ai pas de "powershell"
Dans la nouvelle version de Vcode il faut ecrire "Terminal: sélectionner le profile", puis clic sur "Terminal Défaut profile ", puis clic sur Gît Bash.