ホームページ >開発ツール >VSCode >vscodeで作成したHTMLプロジェクトを実行する方法

vscodeで作成したHTMLプロジェクトを実行する方法

下次还敢
下次还敢オリジナル
2024-04-03 03:33:211238ブラウズ

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 (Mac)。 VS Code は自動的に組み込みブラウザを開き、HTML ページを表示します。

以上がvscodeで作成したHTMLプロジェクトを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。