> 개발 도구 > webstorm > 본문

웹스톰이 html5를 실행하는 방법

下次还敢
풀어 주다: 2024-04-08 18:24:23
원래의
1220명이 탐색했습니다.

WebStorm에서 HTML5를 실행하는 단계: 새 웹 프로젝트를 만들고 템플릿으로 "HTML5"를 선택합니다. 확장자가 ".html"인 새 HTML 파일을 만들고 기본 HTML 코드를 추가합니다. 도구 모음에서 실행 버튼을 클릭하여 기본 브라우저에서 HTML 파일을 엽니다.

웹스톰이 html5를 실행하는 방법

WebStorm에서 HTML5 실행

WebStorm을 사용하여 HTML5를 실행하려면 다음 단계를 따르세요.

1단계: 프로젝트 만들기

  • WebStorm을 열고 새 웹 프로젝트를 만듭니다.
  • 템플릿으로 "HTML5"를 선택하세요.

2단계: HTML 파일 만들기

  • 프로젝트 디렉터리에서 마우스 오른쪽 버튼을 클릭하고 새로 만들기 >파일을 선택합니다.
  • 파일 이름을 지정하고 ".html"로 확장하세요.
  • 파일에 다음 HTML 코드를 추가하세요.
<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>Hello HTML5</title>
</head>
<body>
  <h1>Hello HTML5!</h1>
</body>
</html></code>
로그인 후 복사

3단계: HTML 파일 실행

  • WebStorm에서 HTML 파일을 엽니다.
  • 툴바에서 "실행" 버튼(녹색 삼각형 아이콘)을 클릭하세요.
  • 표시되는 대화 상자에서 "기본 브라우저"를 선택하세요.

WebStorm은 기본 브라우저에서 HTML 파일을 실행합니다. "Hello HTML5!"라는 텍스트가 포함된 웹페이지가 표시됩니다.

팁:

  • HTML 파일을 마우스 오른쪽 버튼으로 클릭하고 "실행"을 선택하여 실행할 수도 있습니다.
  • 여러 HTML 파일이 포함된 프로젝트를 실행하려면 프로젝트 디렉터리를 마우스 오른쪽 버튼으로 클릭하고 "실행"을 선택하세요.
  • WebStorm은 또한 누락된 HTML5 요소를 자동으로 감지하고 설치합니다.
  • HTML5 코드를 디버깅하려면 WebStorm의 디버깅 도구를 사용하세요.

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿