>개발 도구 >VSCode >vscode로 생성된 HTML 프로젝트를 실행하는 방법

vscode로 생성된 HTML 프로젝트를 실행하는 방법

下次还敢
下次还敢원래의
2024-04-03 03:33:211236검색

VS Code에서 HTML 프로젝트를 실행하는 단계: HTML 프로젝트를 만듭니다. HTML 파일을 만듭니다. HTML 코드를 작성합니다. Ctrl + Shift + B(Windows) 또는 Cmd + Shift + B(Mac)를 눌러 HTML 프로젝트를 실행합니다.

vscode로 생성된 HTML 프로젝트를 실행하는 방법

VS Code를 사용하여 HTML 프로젝트를 실행하는 방법

1단계: HTML 프로젝트 만들기

  • VS Code를 엽니다.
  • "파일" > "새로 만들기" > "폴더"를 클릭하세요.
  • 프로젝트 이름을 입력하세요(예: "my_html_project").

2단계: HTML 파일 만들기

  • 프로젝트 폴더를 마우스 오른쪽 버튼으로 클릭하고 새로 만들기 >파일을 선택합니다.
  • 파일 이름을 입력하세요(예: "index.html").

3단계: HTML 코드 작성

  • index.html 파일에서 다음 기본 HTML 코드를 작성합니다.
<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的第一个 HTML 页面!</h1>
</body>
</html></code>

4단계: HTML 프로젝트 실행

  • VS Code에서 Ctrl + Shift + B(Windows)或 Cmd + Shift + B를 누릅니다. ( 맥).
  • VS Code는 자동으로 내장 브라우저를 열고 HTML 페이지를 표시합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.