Maison outils de développement VSCode Comment ouvrir le code vscode depuis le navigateur

Comment ouvrir le code vscode depuis le navigateur

Jun 06, 2020 pm 03:29 PM
vscode

Comment ouvrir le code vscode depuis le navigateur

Comment ouvrir le code vscode depuis le navigateur :

ouvrir dans le navigateur

Recherchez le plug-in « Afficher dans le navigateur » dans l'extension vscode et cliquez pour l'installer. Cliquez sur l'explorateur pour sélectionner le fichier actuel, cliquez avec le bouton droit et sélectionnez « Afficher dans le navigateur » pour ouvrir la page dans le navigateur par défaut. .

Comment ouvrir le code vscode depuis le navigateur
Première méthode d'actualisation en temps réel : livereload

dans le projet Exécutez la commande dans le répertoire :

browser-sync start --server --files "**/*.css,**/*.html,**/*.js"
Copier après la connexion

Méthode :

  • Sélectionnez "Terminal intégré" dans "Affichage" et saisissez la commande ci-dessus sur le ligne de commande

Comment ouvrir le code vscode depuis le navigateur

  • Cliquez avec le bouton droit sur le fichier local et sélectionnez "Ouvrir dans le terminal", entrez la commande dans la commande du terminal line

Comment ouvrir le code vscode depuis le navigateur

Les deux méthodes ci-dessus ont le même effet et le même principe. Elles peuvent toutes deux s'exécuter en arrière-plan. Appuyez sur la touche de raccourci "control+c". pour quitter le processus en cours d'exécution.

Implémentez la deuxième méthode d'actualisation :

Installez le plug-in Live HTML Previewer et cliquez sur Aperçu disponible dans le coin inférieur gauche de la page.


Remarque : Avec livereload, vous n'avez pas besoin d'installer le plug-in « afficher dans le navigateur ».

Tutoriel recommandé : "Tutoriel d'introduction au vscode"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Commandes de chat et comment les utiliser
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quelle configuration de l'ordinateur est requise pour VScode Quelle configuration de l'ordinateur est requise pour VScode Apr 15, 2025 pm 09:48 PM

Vs Code Système Exigences: Système d'exploitation: Windows 10 et supérieur, MacOS 10.12 et supérieur, processeur de distribution Linux: minimum 1,6 GHz, recommandé 2,0 GHz et au-dessus de la mémoire: minimum 512 Mo, recommandée 4 Go et plus d'espace de stockage: Minimum 250 Mo, recommandée 1 Go et plus d'autres exigences: connexion du réseau stable, xorg / wayland (Linux) recommandé et recommandée et plus

Comment définir les fichiers d'en-tête pour VScode Comment définir les fichiers d'en-tête pour VScode Apr 15, 2025 pm 09:09 PM

Comment définir des fichiers d'en-tête à l'aide du code Visual Studio? Créez un fichier d'en-tête et déclarez les symboles dans le fichier d'en-tête à l'aide du nom du suffixe .h ou .hpp (tels que les classes, les fonctions, les variables) compilez le programme à l'aide de la directive #include pour inclure le fichier d'en-tête dans le fichier source. Le fichier d'en-tête sera inclus et les symboles déclarés sont disponibles.

Quelle langue VScode est utilisée Quelle langue VScode est utilisée Apr 15, 2025 pm 11:03 PM

Visual Studio Code (VSCOD) est développé par Microsoft, construit à l'aide du cadre Electron, et est principalement écrit en JavaScript. Il prend en charge un large éventail de langages de programmation, notamment JavaScript, Python, C, Java, HTML, CSS, etc., et peut ajouter une prise en charge d'autres langues à travers des extensions.

Commande de projet frontal de démarrage VSCODE Commande de projet frontal de démarrage VSCODE Apr 15, 2025 pm 10:00 PM

La commande pour démarrer un projet frontal dans VScode est le code. Les étapes spécifiques incluent: ouvrez le dossier du projet. Démarrer VScode. Ouvrez le projet. Entrez le code de commande de démarrage. dans le panneau de terminal. Appuyez sur Entrée pour démarrer le projet.

Comment définir VScode Comment définir VScode Apr 15, 2025 pm 10:45 PM

Pour activer et définir VScode, suivez ces étapes: installer et démarrer VScode. Préférences personnalisées, y compris les thèmes, les polices, les espaces et le formatage de code. Installez des extensions pour améliorer les fonctionnalités telles que les plugins, les thèmes et les outils. Créer un projet ou ouvrir un projet existant. Utilisez Intellisense pour obtenir des invites de code et des achèvements. Déboguez le code pour parcourir le code, définir des points d'arrêt et vérifier les variables. Connectez le système de contrôle de version pour gérer les modifications et commettre du code.

clé de raccourci de la tâche d'exécution de VScode clé de raccourci de la tâche d'exécution de VScode Apr 15, 2025 pm 09:39 PM

Exécuter des tâches dans VScode: Créer des tâches.json Fichier, spécifiez la version et la liste des tâches; configurer l'étiquette, la commande, les args et le type de la tâche; Enregistrer et recharger la tâche; Exécutez la tâche à l'aide de la clé de raccourci Ctrl Shift B (macOS pour CMD Shift B).

Commandes communes pour le terminal VScode Commandes communes pour le terminal VScode Apr 15, 2025 pm 10:06 PM

Les commandes communes pour les bornes de code vs incluent: effacer l'écran du terminal (Clear), répertorier le fichier de répertoire (LS) actuel, modifier le répertoire de travail actuel (CD), imprimer le répertoire de travail actuel (PWD), créer un nouveau répertoire (MKDIR), supprimer le répertoire vide (RMDIR), Créer un nouveau fichier (Touch) Supprimer un fichier ou répertoire (RM), copier un fichier ou directif) (mv) afficher le contenu du fichier (CAT) Affichage du contenu du fichier et défiler (moins) afficher le contenu du fichier Seule défilement (plus) Affichez les premières lignes du fichier (tête)

Comment définir VScode en chinois Comment définir VScode en chinois Apr 15, 2025 pm 09:27 PM

Il existe deux façons de configurer une langue chinoise dans Visual Studio Code: 1. Installez le package de langue chinoise; 2. Modifiez les paramètres "Locale" dans le fichier de configuration. Assurez-vous que la version du code Visual Studio est de 1,17 ou plus.

See all articles