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))
次のビデオ
- Visual Studio Code でのコード編集 - VS Code の高度なコード編集機能について学びます。
- 入門ビデオ - ビデオのリスト全体を確認します。
関連リソース
- ユーザーインターフェース - VS Code のドキュメントをご覧ください。
- セットアップの概要 - プラットフォーム固有のセットアップなど、VS Code を起動して実行するためのドキュメント。
- IntelliSense - VS Code は、入力時にスマートなコード補完を提供します。