コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > 開発ツール > VSCode > 本文

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

下次还敢
リリース： 2024-04-03 03:33:21
オリジナル
1199 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル：
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を使用してWebサイトを作成しようとしています。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
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート