VSCode

Last-modified: 2026-01-10 (土) 15:30:57

できること

プログラムに色がつきプログラムが打ちやすくなる。
拡張機能で様々なことができる。

ダウンロード方法

VSCodeで検索→↓windowをクリック→次へを3回クリック→項目すべてを選択して次へ→インストール→完了

拡張機能をインストール

□が4つ組み合わさった模様をクリック
・日本語対応になる Japanese languageをインストール→右下に出るポップをクリック
・スペルをミスしたときに教えてくれる Code Spell Checkerをインストール
・HTMLのプログラムを実際に表示する Live serverをインストール→→右下のGo liveを押すとhtmlを表示
・PHPのプログラムを実際に表示する OPEN PHP/HTML /JS in Browser→左下のOpen In Browserを押すとphpを表示

最初に

コンピューターのデスクトップに新しくフォルダーを作成→名前をVSCODEにする。
VSCODEのソフトを開く。ファイルマークをクリック→フォルダーを開く→デスクトップを押す→作ったVSCODEのフォルダーを選択→フォルダーの選択を押す→フォルダーがVSCODEに入る。
左側のVSCODEとかいてあるところの右側のファイルマークを押す→練習1.htmlといれる。
名前は英語が推奨だが日本語でも動く。
右側の画面に<h1>あいうえお</h1>と打ち込む。
右下のgo liveを押すと画面に表示される。go liveの文字がないときは右下のportを押すとgo liveが出てくる。
わからないときはcopilotに聞けば割とどうにかなる。