지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 개발 도구 > VSCode > 본문

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

下次还敢
풀어 주다： 2024-04-03 03:33:21
원래의
1189명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
vscode
원천：php.cn
이전 기사：vscode는 코드를 실행하는 데 어떤 키를 사용하나요? 다음 기사：vscode를 사용하여 HTML 프로젝트를 생성할 때 배경과 글꼴을 설정하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
스도쿠 검사기가 작동하지 않나요? 오류를 식별하는 데 도움을 줄 수 있는 사람이 있나요? 온라인 편집기에서 모든 것을 시도했지만 여전히 오류가 발생합니다. 하지만 내 컴퓨터의 VSCode에서 이 작업을 수행하면 제대로 작동합니다. 혼란스러워서 버그를 ...
에서 2024-04-06 21:21:07
0
1
474
내 페이지의 HTML에 제목이 있지만 표시되지 않습니다. 그래서 방금 코딩을 시작했으니 저를 판단하지 마세요. vscode를 사용하여 웹사이트를 만들려고 하는데 html과 css를 사용하고 있는데 코드 왼쪽 상단에 넣으...
에서 2024-04-01 18:24:53
0
1
364
VSCode ID 속성을 사용자 정의하는 방법은 무엇입니까? 저는 최근에 Atom에서 VSCode로 옮겼으며 대부분의 편집기를 원하는 대로 사용자 정의했지만 여전히 제가 좋아하는 Atom 기능 중 일부가 누락되었습니다. 그...
에서 2024-03-31 14:13:45
0
1
373
/bin/sh: 1: C:xamppphpphp.exe: 찾을 수 없음 저는 WSL2, Ubuntu20.04를 사용하고 있으며 VSCode를 실행하고 있습니다. Windows의 VSCode 및 XAMPP에서 CodeRunner 확장을...
에서 2024-03-31 09:10:37
0
1
333
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿