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、リンティング、デバッグ、コード整形、リファクタリングなど。
- Live Preview - Web ページをプレビューするためのローカルサーバーをホストします。
- ズーム
- 縮小 (⌘- (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 は、入力中にスマートなコード補完を提供します。