Visual Studio Code の利用を開始する

このチュートリアルでは、Visual Studio Code のセットアップから基本的な機能の概要までをご説明します。

次におすすめする動画はこちらです: Visual Studio Code でのコード編集

リストから別のビデオを選択: 入門ビデオ

ビデオの概要

• VS Code をダウンロードしてインストールします。
  • https://vscode.dokyumento.jp/download から
• フォルダーを開く
  • ファイル > フォルダーを開く (Ctrl+K Ctrl+O)
• ファイルエクスプローラー
  • 表示 > エクスプローラー (⇧⌘E (Windows, Linux Ctrl+Shift+E))
• 検索ビュー
  • 表示 > 検索 (⇧⌘F (Windows, Linux Ctrl+Shift+F))
• ソース管理
  • 表示 > ソース管理 (SCM) (⌃⇧G (Windows, Linux Ctrl+Shift+G))
• 実行とデバッグ
  • 表示 > 実行 (⇧⌘D (Windows, Linux Ctrl+Shift+D))
• 拡張機能ビュー
  • 表示 > 拡張機能 (⇧⌘X (Windows, Linux Ctrl+Shift+X))
• コマンドパレットを開く
  • 表示 > コマンドパレット... (⇧⌘P (Windows, Linux Ctrl+Shift+P))
• 出力パネル
  • 表示 > 出力 (⇧⌘U (Windows Ctrl+Shift+U, Linux Ctrl+K Ctrl+H))
• デバッグコンソール
  • 表示 > デバッグコンソール (⇧⌘Y (Windows, Linux Ctrl+Shift+Y))
• 問題パネル
  • 表示 > 問題 (⇧⌘M (Windows, Linux Ctrl+Shift+M))
• 統合ターミナル
  • 表示 > ターミナル (⌃` (Windows, Linux Ctrl+`))
• 新しいファイルを作成する
  • ファイル > 新しいファイル (⌘N (Windows, Linux Ctrl+N))
• ファイルを保存する
  • ファイル > 保存 (⌘S (Windows, Linux Ctrl+S))
• 自動保存
  • ファイル > 自動保存
• 実行
  • 実行 > デバッグの開始 (F5)
• プログラミング言語拡張機能
  • Python - IntelliSense、リンティング、デバッグ、コード書式設定、リファクタリングなど。
  • ライブプレビュー - ローカルサーバーをホストしてウェブページをプレビューします。
• ズーム
  • ズームアウト (⌘- (Windows, Linux Ctrl+-))
  • ズームイン (⌘= (Windows, Linux Ctrl+=))
• カラーテーマでエディターをカスタマイズする。
  • ファイル > 基本設定 > テーマ > カラーテーマ (⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T))

次のビデオ

• Visual Studio Code でのコード編集 - VS Code の高度なコード編集機能について学びます。
• 入門ビデオ - ビデオの全リストを確認します。

関連リソース

• ユーザーインターフェース - VS Code のドキュメントを表示します。
• セットアップの概要 - プラットフォーム固有のセットアップを含む、VS Code を使い始めるためのドキュメントです。
• IntelliSense - VS Code は入力中にスマートなコード補完を提供します。