【VSCodeの作業フォルダーを作ってみよう!】



【VSCodeの作業フォルダーを作ってみよう!】

【VSCodeの作業フォルダーを作ってみよう!】

VSCodeの作業フォルダーの作り方について説明していきます。

ではVSCodeを開きます。
ファイルからフォルダーを開くをクリックして、
作業したいフォルダーを選択しましょう。
右クリック、新規作成、フォルダーで新しいフォルダを作ることもできます。

フォルダーを選択したら、
ファイルアイコンをクリックし、
ファイル名を打ち込みます。
HTMLでは最初に表示されるファイルを「index」と名付けることが多いです。
拡張子を一文字でも間違えるとHTMLファイルだと認識されないので、
気をつけましょう。

サイドバーがない場合はアイコンをクリックするとサイドバーの表示・非表示ができます。

HTMLファイルに適当に文章を入れ保存し、ブラウザで確認します。
ファイルのタブを
ブラウザにドラックアンドドロップすればokです。
やり方は、
左クリックを長押しした状態でブラウザのタブのところまで持っていきます。
そこで左クリックをはなします。

まずは、編集したファイルをブラウザに表示する方法を身につけていきましょう。

#プログラミング初心者 #VSCode #作業フォルダー作成