Visual Studio Code を始めましょう

このチュートリアルでは、Visual Studio Code のセットアップ手順と、基本的な機能の概要について説明します。

次のおすすめビデオ: Visual Studio Code でのコード編集

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

ビデオの概要

  • VS Code をダウンロードしてインストールします。
  • フォルダーを開く
    • ファイル > フォルダーを開く (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、Lint、デバッグ、コードフォーマット、リファクタリングなど。
    • Live Preview - ローカルサーバーをホストして、Web ページをプレビューします。
  • ズーム
    • ズームアウト (⌘- (Windows、Linux Ctrl+-))
    • ズームイン (⌘= (Windows、Linux Ctrl+=))
  • カラーテーマでエディターをカスタマイズします。
    • ファイル > 設定 > テーマ > カラーテーマ (⌘K ⌘T (Windows、Linux Ctrl+K Ctrl+T))

次のビデオ