vscode로 HTML을 실행하는 방법-VSCode-php.cn

vscode로 HTML을 실행하는 방법

下次还敢

풀어 주다： 2024-04-03 04:21:20

원래의

1490명이 탐색했습니다.

Visual Studio Code에서 HTML 파일을 실행하려면 다음 단계만 필요합니다. HTML 파일을 만들고 코드를 입력합니다. 내장 터미널을 열고 "live-server"를 입력하세요. Enter를 눌러 기본 브라우저에서 HTML 파일을 열고 파일 변경 사항을 실시간으로 업데이트하세요.

vscode로 HTML을 실행하는 방법

Visual Studio Code에서 HTML을 실행하는 방법

단계:

Visual Studio Code(VSCode)를 엽니다.
새 HTML 파일을 만들거나 기존 파일을 엽니다.
HTML 파일에 다음 코드를 입력하세요:

<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的网站！</h1>
</body>
</html></code>

로그인 후 복사

터미널 탭으로 이동하거나 Ctrl + ~(Mac의 경우 Cmd + <code>~) 내장 터미널을 엽니다. Ctrl + ~（Mac 为 Cmd + ~）打开内置终端。
在终端中，输入以下命令：

<code>live-server</code>

로그인 후 복사

按 Enter 键。

详细信息：

Live Server 是 VSCode 的一个内置扩展，用于快速启动和预览基于浏览器的项目。它会在 localhost 上启动一个开发服务器，并自动对文件更改进行实时更新。

运行 HTML 文件后，Live Server 将在默认浏览器中打开该文件。您可以看到页面已成功渲染，并且对文件所做的任何更改都会自动刷新浏览器中的页面。

以下是一些其他提示：

在运行 HTML 文件之前，请确保已安装 Live Server 扩展。
Live Server 也可以通过单击 VSCode 底部的 Live Server 图标（类似于播放器按钮）启动。
您可以按 Ctrl + L（Mac 为 Cmd + L
rrreee

Enter를 누르세요. 🎜🎜🎜세부 정보: 🎜🎜Live Server는 브라우저 기반 프로젝트를 빠르게 시작하고 미리 볼 수 있는 VSCode용 내장 확장입니다. localhost에서 개발 서버를 시작하고 파일 변경 사항에 대한 실시간 업데이트를 자동으로 수행합니다. 🎜🎜HTML 파일을 실행한 후 Live Server는 기본 브라우저에서 파일을 엽니다. 페이지가 성공적으로 렌더링되었으며 파일에 대한 변경 사항이 있으면 브라우저에서 페이지가 자동으로 새로 고쳐지는 것을 볼 수 있습니다. 🎜🎜다음은 몇 가지 추가 팁입니다. 🎜

Ctrl

L

Cmd

L

위 내용은 vscode로 HTML을 실행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!