Comment visualiser mon code HTML dans un navigateur avec le nouveau Microsoft Visual Studio Code ?
Avec Notepad++, vous avez la possibilité d'exécuter dans un navigateur. Comment puis-je faire la même chose avec Visual Studio Code ?
Pour Windows - Ouvrez votre navigateur par défaut - Testé sur VS Code v 1.1.0
Réponse à la fois à l'ouverture d'un fichier spécifique (le nom est codé en dur) OU à l'ouverture de N'IMPORTE quel autre fichier.
Etapes:
Utilisez ctrl + shift + p (ou F1) pour ouvrir la palette de commandes.
Tapez Tasks : Configure Task
ou sur les anciennes versions Configure Task Runner
. En le sélectionnant, vous ouvrirez le fichier tasks.json. Supprimez le script affiché et remplacez-le par le suivant :
{
"version" : "0.1.0" ;,
"command" : "explorer" ;,
"windows" : {
"command" : "explorer.exe" ;
},
"args" : ["test.html" ;]
}
N'oubliez pas de remplacer la section "args" ; du fichier tasks.json par le nom de votre fichier. Cela ouvrira toujours ce fichier spécifique lorsque vous appuyez sur F5.
Vous pouvez également choisir d'ouvrir le fichier que vous avez ouvert à ce moment-là en utilisant "["${file}" ;]" comme valeur de "args" ;. Notez que le
$se trouve à l'extérieur du
{...}, donc
["{$file}" ;]` est incorrect.
Enregistrez le fichier.
Revenez à votre fichier html (dans cet exemple, il s'agit de "text.html" ;), et appuyez sur ctrl + shift + b pour afficher votre page dans votre navigateur Web.
! [entrez la description de l'image ici] [1]
@InvisibleDev - pour que cela fonctionne sur un Mac, essayez d'utiliser ceci :
{
"version": "0.1.0",
"command": "Chrome",
"osx": {
"command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
},
"args": [
"${file}"
]
}
Si vous avez déjà ouvert Chrome, il lancera votre fichier html dans un nouvel onglet.
Les touches CTRL+SHIFT+P
font apparaître la palette de commande.
Cela dépend de ce que vous exécutez, bien sûr. Par exemple, dans une application ASP.net, vous pouvez taper :
>kestrel
et ensuite ouvrir votre navigateur web et taper localhost :(votre port ici)
.
Si vous tapez >
, il vous montrera les commandes d'affichage et d'exécution.
Ou dans votre cas avec HTML, je pense que F5
après avoir ouvert la palette de commande devrait ouvrir le débogueur.
Source : [lien] [1]
[1] :