outils:vscode:web

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
outils:vscode:web [2022/07/09 11:11] philoutils:vscode:web [2023/09/12 16:05] (Version actuelle) phil
Ligne 2: Ligne 2:
  
 ==== IDE VSCode - Préparer un projet de site Web ==== ==== IDE VSCode - Préparer un projet de site Web ====
-[Mise à jour le 9/7/2022]+[Mise à jour le 12/9/2023]
  
   * **Lien**   * **Lien**
-    * **Site** Visual Studio Code : <html><a href="https://code.visualstudio.com/" target="_blank">lien</a></html> +    * **Site** <html><a href="https://code.visualstudio.com/" target="_blank"> Visual Studio Code</a></html> 
  
   * **Lecture connexe**   * **Lecture connexe**
Ligne 45: Ligne 45:
  
 == Étape 1 : créer un dossier == == Étape 1 : créer un dossier ==
-    * Effectuez un clic droit sur le bureau du PC et créez un dossier (**Nouveau** -> **Dossier**) que vous nommerez **//MonSitedeTest//**.+    * Effectuez un clic droit dans le dossier **www** de votre compte sur le NAS_SIN et créez un dossier (**Nouveau** -> **Dossier**) que vous nommerez **//MonSitedeTest//**.
 <callout type="primary" icon="true">Avec l'IDE VS Code, un **projet** de site Web doit être contenu dans un **dossier**.</callout> <callout type="primary" icon="true">Avec l'IDE VS Code, un **projet** de site Web doit être contenu dans un **dossier**.</callout>
  
 == Étape 2 : placer le dossier dans Visual Studio Code == == Étape 2 : placer le dossier dans Visual Studio Code ==
-    * Ouvrez **VSCode** en cliquant sur l'icône {{:arduino:vscodeico.png?nolink&25|}} présente dans la **barre des tâches** du bureau.   +  * Ouvrez **VSCode** en cliquant sur l'icône {{:arduino:vscodeico.png?nolink&25|}} présente dans la **barre des tâches** du bureau.   
-    Faites glisser le dossier **//MonSitedeTest//** dans VSCode.+  Dans le menu, sélectionnez **Fichier -> Ouvrir le dossier** et entrez le chemin d'accès à **//MonSitedeTest//**
 +    * __Exemple__   
 +{{ :outils:vscode:bdialoguedossier.png?nolink |}} 
 +  * Sélectionez **//MonSitedeTest//** et cliquez sur {{:outils:vscode:bpselec.png?nolink|}} et autoriser un éventuel message de sécurité 
 +  * Le dossier doit apparaître dans VSCode comme ci-dessous.
  
 == Étape 3 : créer les sous-dossiers == == Étape 3 : créer les sous-dossiers ==
  • outils/vscode/web.1657357906.txt.gz
  • Dernière modification : 2022/07/09 11:11
  • de phil