ウェブストームが HTML5 を実行する仕組み-webstorm-php.cn

ウェブストームが HTML5 を実行する仕組み

下次还敢

リリース： 2024-04-08 18:24:23

オリジナル

1219 人が閲覧しました

WebStorm で HTML5 を実行する手順: 新しい Web プロジェクトを作成し、テンプレートとして「HTML5」を選択します。「.html」拡張子を持つ新しい HTML ファイルを作成し、基本的な HTML コードを追加します。ツールバーの「実行」ボタンをクリックして、デフォルトのブラウザで HTML ファイルを開きます。

ウェブストームが HTML5 を実行する仕組み

WebStorm での HTML5 の実行

WebStorm で HTML5 を実行するには、次の手順に従います:

ステップ 1: プロジェクトの作成

WebStorm を開き、新しい Web プロジェクトを作成します。
テンプレートとして「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 ファイルを実行します

HTML を開きますWebStormドキュメント内。
ツールバーの「実行」ボタン(緑色の三角アイコン)をクリックします。
表示されるダイアログボックスで、[既定のブラウザ]を選択します。

WebStorm は、デフォルトのブラウザで HTML ファイルを起動します。「Hello HTML5!」というテキストが含まれた Web ページが表示されるはずです。

ヒント:

HTML ファイルを右クリックして [実行] を選択して、HTML ファイルを実行することもできます。
複数の HTML ファイルを含むプロジェクトを実行するには、プロジェクトディレクトリを右クリックし、[実行] を選択します。
WebStorm は、不足している HTML5 要素も自動的に検出してインストールします。
HTML5 コードをデバッグするには、WebStorm のデバッグツールを使用します。

以上がウェブストームが HTML5 を実行する仕組みの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。