Visual Studio Code

Visual Studio CodeのインストールとWeb開発に必要な拡張機能の設定を行います。

インストール

  1. 公式サイトからダウンロード
  2. 基本設定
  3. 推奨拡張機能

基本設定

  • Githubにログインする

必須拡張機能

以下、コピーして検索してください。

Japanese Language Pack
vscode-icon
Live Server
Prettier
HTML CSS Support
Git Graph
Claude Code
Markdown All in One

テーマの変更

画面左下のギアアイコンからテーマ変更を探してください。テーマは、矢印キーで移動していくと、プレビューできます。

vscode visual studio code エディタ editor インストール installation 拡張機能 extensions 基本設定 basic settings japanese language pack 日本語パック vscode-icon live server prettier html css support git graph claude code markdown all in one テーマ theme ギアアイコン gear icon ダウンロード download web開発 web development