VS Code を使用してフロントエンド コードを実行する


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:5Enter」と入力します。コードのほとんどはbodyタグの下に書かれています
。簡単な HTML ページの表示は次のとおりです。
ここに画像の説明を挿入します

コードを自動的にファイルに保存する機能もあります。
ここに画像の説明を挿入します


VS Code は VUE コードを実行します

Vue-cli 足場

おすすめ

転載: blog.csdn.net/rej177/article/details/131217583