[Visual Studio Code] raccourci pour générer code html de base

**laurentSc** · 08/01/2021, 11h18

Bonjour,

je tente d'utiliser VSC comme EDI. Pour démarrer rapidement, je tente d'utiliser un raccourci censé générer le code html de base ; "html" saisi dans l'éditeur devrait afficher un menu avec plusieurs options, dont "html:5". Mais dans mon cas, si je saisis "html", aucun menu ne s'affiche. Comment se fait-ce, SVP ?

**cavo789** · 08/01/2021, 12h50

Je n'en suis pas un utilisateur mais vérifie que tu as installé Emmet (https://code.visualstudio.com/docs/editor/emmet). Voici un cheat-sheet trouvé à l'instant : https://docs.emmet.io/cheat-sheet/

**laurentSc** · 08/01/2021, 18h57

Merci pour ta réponse.

Si je tente de réutiliser VSC, ce n'est que pas je sois déçu de PHPStorm (j'en reste convaincu), mais je regarde une formation (une vidéo et des ressources à télécharger) et comme le formateur utilise VSC, il est plus simple d'utiliser le même EDI...

Quand tu dis, installer Emmet, en fait ça propose une installation de VSC, non ? (en tous cas, je l'ai fait, mais le problème reste le même

).

C'est quoi ce cheat-sheet ? Une liste de raccourcis ?

**alexiiiis** · 09/01/2021, 04h05

Par défaut Emmet est installe sur VSCode normalement.

Pour le squelette de base d'une page HTML, il te suffit de saisir le point d'exclamation

Nom : Screenshot 2021-01-09 120305.png
Affichages : 38028
Taille : 7,4 Ko

Nom : Screenshot 2021-01-09 120305.png
Affichages : 38028
Taille : 7,4 Ko

Sélectionner le premier et ca te retournera ceci :

Nom : Screenshot 2021-01-09 120352.png
Affichages : 40821
Taille : 19,2 Ko

Bonne progr a toi

**laurentSc** · 09/01/2021, 15h51

Envoyé par alexiiiis

Pour le squelette de base d'une page HTML, il te suffit de saisir le point d'exclamation

Ouais, au cours de mes recherches, j'avais vu qu'on pouvait saisir un point d'interrogation. Mais ta capture d'écran semble montrer qu'ensuite VSC est censé proposer plusieurs choix (et tu dis de sélectionner le premier). Mais dans mon cas, si je saisis un point d'interrogation, aucun choix n'est affiché

**cavo789** · 09/01/2021, 15h55

Point d'exclamation laurentSc...

**laurentSc** · 09/01/2021, 16h03

Mes 2x2 heures de ski de fond en - de 24h (hier après-midi et ce matin) expliquent ma fatigue. C'est bien un point d'exclamation auquel je pensais (et que j'ai saisi) ; je me suis juste trompé de mot en écrivant

**cavo789** · 09/01/2021, 18h05

Comme je le disais LaurentSc, vérifie que l'extension est installée / activée.

Nom : 2021-01-09_18h03_11.png
Affichages : 46963
Taille : 21,6 Ko

Appuies sur CTRL-SHIFT-X pour activer le panneau des extensions, filtre sur @builtin pour cherche Emmet. Active l'extension et recharge la page (fais CTRL--SHIFT-P puis tape reload.

Dans un nouvel onglet tu pourras maintenant suivre les indications données par Alexiiis

**laurentSc** · 09/01/2021, 21h43

Merci pour ta réponse cavo789. Tu connais visiblement bien VSC.
Emmet est bien activé : Nom : emmet2.png
Affichages : 37800
Taille : 21,9 Ko

J'ai aussi rechargé comme tu l'indiques, mais toujours rien après le point d'exclamation

**alexiiiis** · 11/01/2021, 01h09

Envoyé par cavo789

Comme je le disais LaurentSc, vérifie que l'extension est installée / activée.

Nom : 2021-01-09_18h03_11.png
Affichages : 46963
Taille : 21,6 Ko

Appuies sur CTRL-SHIFT-X pour activer le panneau des extensions, filtre sur @builtin pour cherche Emmet. Active l'extension et recharge la page (fais CTRL--SHIFT-P puis tape reload.

Dans un nouvel onglet tu pourras maintenant suivre les indications données par Alexiiis

Excellent, je ne connaissais pas la fonction @builtin , j'ai regarde ton github sur VScode t'as fait un boulot monstre !!!

**Stefano Tonella** · 18/07/2023, 16h00

Bonjour,
je débute avec VSCode et j'ai le même problème: l'extention Emmet est bien activée mais quand je tape ! + entée en première ligne rien ne se passe...
Avez-vous trouvé d'où vient le problème?

Merci d'avance

**laurentSc** · 23/08/2023, 10h42

Bonjour,
c'est de l'histoire ancienne !
Je ne me souvenais pas de cette discussion. J'ai refait l'essai et cette fois, y a pas eu de problème : en tapant !, il me propose 2 choix : ! et !!! et si je sélectionne le premier choix, j'obtiens

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
 
</body>
</html>

alors qu'avec le second choix y a que <!DOCTYPE html>...

**Stefano Tonella** · 23/08/2023, 11h10

Merci pour votre réponse.

J'ai trouvé d'où venait le problème:
si le fichier n'a pas l'extension .html dès le départ, VSC ne propose pas le remplissage authomatique, il considère le fichier comme un texte donc écrit ! et c'est tout.

Il faut créer le fichier .html et ensuite en rentrant ! effectivement les deux possibilités sont proposées: ! et !!!

J'envoie cette réponse pour qu'elle puisse aider d'autres débutants comme moi qui cherchent de l'aide sur les forums.

[Visual Studio Code] raccourci pour générer code html de base

Autres EDI

Discussions similaires

Partager

Partager