Maison > outils de développement > sublime > Comment exécuter des pages Web sublimes

Comment exécuter des pages Web sublimes

下次还敢
Libérer: 2024-04-03 07:48:17
original
1108 Les gens l'ont consulté

L'exécution de pages Web dans Sublime Text nécessite l'installation des plug-ins LiveReload et Live Server. Ajoutez d'abord la balise <live-reload> dans le fichier HTML, puis exécutez Live Server, appuyez sur Ctrl + Alt + R (Windows) ou Cmd + Option + R (Mac), le site Web s'actualisera automatiquement et s'affichera dans le navigateur.

Comment exécuter des pages Web sublimes

Comment exécuter des pages Web dans Sublime Text

1 Installez le plug-in LiveReload

Tout d'abord, vous devez installer le plug-in LiveReload pour Sublime Text. Ce plugin vous permet d'actualiser automatiquement votre page Web après avoir enregistré les modifications. Accédez à Package Control, recherchez « LiveReload » et suivez les instructions d'installation.

2. Configurez le fichier HTML

Créez un nouveau fichier HTML et ajoutez le code suivant :

<code class="html"><html>
<head>
  <title>我的网页</title>
  <live-reload></live-reload>
</head>
<body>
  <h1>欢迎来到我的网页!</h1>
</body>
</html></code>
Copier après la connexion

La balise <live-reload> activera le plugin LiveReload. <live-reload>标签将启用 LiveReload 插件。

3. 运行 Live Server 插件

安装 Live Server 插件。这将启动一个本地服务器,允许你预览你的网页。前往 Package Control 并搜索“Live Server”,然后按照安装说明进行操作。

4. 运行网页

Ctrl + Alt + R(Windows)或 Cmd + Option + R

3. Exécutez le plug-in Live Server

Installez le plug-in Live Server. Cela démarrera un serveur local, vous permettant de prévisualiser vos pages Web. Accédez à Package Control, recherchez « Live Server » et suivez les instructions d'installation.

4. Exécutez la page Web

Appuyez sur Ctrl + Alt + R (Windows) ou Cmd. + Option + R (Mac) exécute Live Server. Il lancera un nouvel onglet dans le navigateur affichant votre page Web.
  • 5. Actualisation automatique
Chaque fois que vous enregistrez des modifications dans votre fichier HTML, le plug-in LiveReload actualisera automatiquement la page Web dans votre navigateur, pas besoin d'actualiser manuellement. 🎜🎜🎜Astuce : 🎜🎜🎜🎜Vous pouvez personnaliser les options LiveReload dans les paramètres de Sublime Text, telles que l'activation de la compilation automatique. 🎜🎜Si le plugin LiveReload ne fonctionne pas, essayez de redémarrer Sublime Text ou vérifiez la console pour les messages d'erreur. 🎜🎜

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal