简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 개발 도구 > webstorm > 본문

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

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

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

관련 라벨：
webstorm
원천：php.cn
이전 기사：webstorm이 Java 코드를 실행하는 방법 다음 기사：Webstorm이 Vue 프로젝트를 생성하는 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
2
1805
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
10
1946
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1654
상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1557
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1588
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！