Visual Studio Code

公式サイト:

Visual Studio Code [Official]

導入

参考:

ゼロから! Visual Studio Code のインストールと使い方 | エンジニアの入り口

プログラマー以外にもおすすめ Visual Studio Code のインストールから基本設定まで | @IT

インストール

参考:

Visual Studio Code のインストール (Windows版) – Qiita

Visual Studio Code の User と System インストーラーの違い | マゴトログ

Visual Studio Code の User Installer と System Installer の違いは? Zip 版って? | 映画と旅行とエンジニア

基本

ドキュメント:

User Interface | Visual Studio Code [Official]

参考:

VSCode のサイドバーの表示をキーボードで切り替えるには | @IT

アクティビティバーとサイドバー | murashun.jp

設定

ドキュメント:

User and Workspace Settings | Visual Studio Code [Official]

言語モード

操作

Ctrl + KMファイルの言語モードを切り替える (Change Language Mode)

参考:

ファイルの保存前に言語モードを設定する | Let’s プログラミング

ショートカットキー

操作

Ctrl + B サイドバーを展開する/隠す

Ctrl + J パネルを展開する/隠す

こちらのページを参照

参考:

VSCode の便利なショートカットキー – Qiita

VSCode でなるべくマウスを使わない開発環境をがんばる – Qiita

VSCode のサイドバーの表示をキーボードで切り替えるには | @IT

コマンドパレット

操作

Ctrl + Shift + P コマンドパレットを開く

ドキュメント:

Command Palette | Visual Studio Code [Official]

参考:

コマンドパレット – Qiita

コマンドパレットから操作する方法/利用できるコマンド一覧を確認 | BLOG AND DESTROY

Visual Studio Code でコマンドパレットを開くには? | LFI

Visual Studio Code でコマンドパレットを開く方法 | yoh nakamura

コマンドパレット | Tech控え帳

コマンドパレットを駆使して VSCode を使いこなそう! | @IT

コマンドパレットとナビゲーション | murashun.jp

パネル

操作

Ctrl + Shift + M 「問題」パネルを開く

Ctrl + Shift + U 「出力」パネルを開く

Ctrl + Shift + Y 「デバッグコンソール」を開く

Ctrl + @ 「ターミナル」を開く

Ctrl + Shift + @ 新しい「ターミナル」を開く

参考:

コード上で発生している問題を一覧表示してみる – Qiita

パネル | murashun.jp

サイドパネル

参考:

Visual Studio Code に新しいサイドパネル/レイアウトの柔軟性が飛躍的に向上 | 窓の杜

New Side Panel – Release v1.64 | Visual Studio Code [Official]

アウトラインビュー

ドキュメント:

Outline View | Visual Studio Code [Official]

入手:

Code Outline | Visual Studio Marketplace [Official]

リポジトリ:

patrys/vscode-code-outline: A Symbol Outline for Visual Studio Code – GitHub

参考:

Method List in Visual Studio Code – Stack Overflow

呼び出し階層 (Call Hierarchy)

ドキュメント:

Call Hierarchy | Visual Studio Code [Official]

参考:

Call Hierarchy in Visual Studio Code – Stack Overflow

検索/置換

操作

Ctrl + F 検索する

Ctrl + H 置換する

Alt + Enter 一致箇所をマルチカーソル編集する

Ctrl + Alt + Enter 一致箇所を全て置き換える

こちらのページを参照

ドキュメント:

Find and Replace | Visual Studio Code [Official]

参考:

検索と置換 | SMART

検索と置き換え/全て置き換えをする | ONE NOTES

複数ファイルからの検索方法 | Tech 控え帳

VScode で使える便利な正規表現での検索/置換 | かめブログ

VSCode でカンタン!正規表現置換のためのチートシート | 銀ねこアトリエ

VSCode で正規表現検索にマッチした文字列だけをコピーする方法 | エクシードシステム

タスク

こちらのページを参照

ドキュメント:

Integrate with External Tools via Tasks | Visual Studio Code [Official]

コマンド (CLI)

ファイルを開く。

>code path\to\file.txt

フォルダーを開く。

>code path\to\folder

カレントディレクトリを開く。

>code .

ドキュメント:

Command-Line Interface | Visual Studio Code [Official]

参考:

ターミナルから Visual Studio Code を起動する方法 – Qiita

コマンドプロンプトからファイルを開く | JavaDrive

Visual Studio Code の起動と終了 | JavaDrive

VSCode を code コマンドで起動できるようにする | まくろぐ

How to call VSCode Editor from terminal / command line – Stack Overflow

インストールされる場所

ユーザーインストールの場合
C:\Users\[User Name]\AppData\Local\Programs\Microsoft VS Code

参考:

Visual Studio Code install location – Stack Overflow

拡張機能 (Extensions)

こちらのページを参照

入手:

Extensions for Visual Studio Family of Products | Visual Studio Marketplace [Official]

拡張機能/テーマがインストールされる場所

デフォルトの拡張機能

VSCode 本体をユーザーインストールした場合、本体に標準添付されている拡張機能は VSCode 本体と同時にユーザーフォルダの AppData\Local 以下にインストールされている。

C:\Users\[User Name]\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions
後から追加した拡張機能
C:\Users\[User Name]\.vscode\extensions

参考:

テーマファイルの場所は? | IT ライフ

Revisit VS Code folder structure for app data, settings, extensions · Issue #3884 · microsoft/vscode – GitHub

How to edit default dark theme for Visual Studio Code? – Stack Overflow

移行

参考:

Visual Studio Code をほぼ Sublime Text のように使う方法 | WEMO

Insiders

公式サイト:

Insiders | Visual Studio Code [Official]

参考:

Visual Studio Code Insiders でリリース前の新機能を使ってみよう | 7839

code-insiders コマンドを CUI から設定する方法 – Qiita

Evolution of Visual Studio Code Insiders | Visual Studio Code Blog [Official]

What are the differences between Visual Studio Code and Visual Studio Code Insider? – Stack Overflow

ドキュメント

公式サイト:

Documentation | Visual Studio Code [Official]

ドキュメント:

VSCode Documentation

リポジトリ:

microsoft/vscode-docs: Public Documentation for Visual Studio Code – GitHub

リポジトリ

こちらのページを参照

microsoft/vscode: Visual Studio Code – GitHub

リンク

Visual Studio Code | Microsoft Azure [公式]

まとめ/Tips

こちらのページを参照

Visual Studio Code の普段使いの様子 | まったり Log 残し

Awesome VSCode – A Curated List of Delightful VSCode Packages and Resources

チュートリアル

File Compare

Version Control

Git Version Control

配信

Release Party v1.73 (Official)

プレイリスト

Getting Started with Visual Studio Code (Official) – YouTube

チャンネル

Visual Studio Code (Official) – YouTube

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA