記事ディレクトリ
VS CodeはHTMLファイルを実行します
提示:这里可以添加本文要记录的大概内容:
ただし、VS Code と Hbuilder の使用の違いは次のとおりです。
Hbuilderではメニューバーの「ファイル」→「新規」→「HTML5+プロジェクト」と進み、プロジェクト名やパスなどを入力して「完了」をクリックすると新規プロジェクトが作成できたと記憶しています。
1. VS Code 構成プラグインをインストールする
VS Code を使用して VS Code にプラグインと一般的なプラグインをインストールする方法。ここをクリックして表示します。
以前は Hbuilder を使って HTML を書いていましたが、最近になって、ブラウザで開くプラグインをインストールするだけで使える VS Code も良いことに気づきました。
2. コンピュータ上に新しいフォルダを作成します
VS Code はローカルでフォルダーを開くために使用されます
まず、コンピューター上に新しいフォルダーを作成し、
VS Code を開いて
[ファイル] → [フォルダーを開く] を選択して、新しく作成したフォルダーを見つけます。
次に、フォルダーをクリックし、再度右クリックして [新しいフォルダー] を選択します
。 目的: ファイルを分類するため
3. 新しいファイル [name.html] を作成します。
次に、右クリックして新しいファイル [name.html] を作成すると、
HTML ファイルのアイコンは次のようになります。<>
CSS ファイルのアイコンは次のようになります。#
4. .html ファイルを実行します。
ページに入り、「html:5
Enter」と入力します。コードのほとんどはbody
タグの下に書かれています
。簡単な HTML ページの表示は次のとおりです。
コードを自動的にファイルに保存する機能もあります。