Skip to content

DevTech-Solution/Structure-VSCode-SASS

Repository files navigation

🎨 Welcome to Structure-VSCode-SASS 👋

Version


📂 Description

🇫🇷 Ce script vous permet de générer une structure de fichiers et dossiers pour vos projets Web utilisant SASS.

✅ Idéal si vous réalisez plusieurs projets Web et souhaitez partir d’une base propre.
✅ Des fichiers de base dans les dossiers Page, Layout, etc. contiennent déjà les directives @use.
✅ Les fichiers principaux main.scss et styles.scss sont également configurés.
✅ Une fois le script exécuté, vous pourrez directement ouvrir le projet dans VSCode et compiler avec SASS.
✏️ Le script PowerShell peut être modifié pour s’adapter à vos préférences.


🇬🇧 This script helps you generate a clean file and folder structure for your web projects using SASS.

✅ Ideal if you work on multiple web projects and want a clean base.
✅ Includes @use directives in base files like Page, Layout, etc.
✅ Both main files main.scss and styles.scss are preconfigured.
✅ Once executed, just open the project in VSCode and compile with SASS.
✏️ The PowerShell script is customizable to fit your environment.


⚙️ PowerShell Execution Policy

🇫🇷 Lors du lancement du script, un message d'avertissement concernant la stratégie d'exécution Windows peut apparaître :

Restriction Windows Powershell

🇬🇧 When launching the script, you might see a Windows execution policy warning.


🧩 Importing into VSCode

🇫🇷 VSCode peut afficher un avertissement de sécurité à l’ouverture du dossier. Cliquez sur “Faire confiance à ce dossier”.

Warning VSCode

🇬🇧 VSCode might show a security warning when opening the folder. Click "Trust this folder" to continue.


🛠️ Compile with SASS

🇫🇷 Une fois le script exécuté, installez Node.js et SASS :

  1. Installez Node.js
  2. Puis installez SASS via npm :

🇬🇧 After running the script, install Node.js and SASS:

  1. Install Node.js
  2. Then install SASS using npm:

🌍 Global install

npm install -g sass

📁 Local install (in your project)

npm install --save-dev sass

▶️ Compile styles.scss to styles.css

sass styles.scss styles.css

Compilation en SASS


👤 Author / Auteur

Sebastien C.
🔗 GitHub : @DevTech-Solutions


🌟 Support

🇫🇷 Si ce projet vous a été utile, pensez à laisser une étoile ⭐ sur le dépôt.
🇬🇧 If you found this project helpful, consider leaving a star ⭐ on the repository.


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published