Tips
リンク:
Tips and Tricks | Visual Studio Code [Official]
参考:
VSCode を便利にするあれこれまとめていく | taiga
VSCode の秘伝のワザを大公開! | DevelopersIO
コードを書くのが楽になる!知っておくと便利な VSCode の機能/設定のまとめ | コリス
よけいなものを消し去ってコードに集中しよう | Kurusugawa
Visual Studio Code の普段使いの様子 | まったり Log 残し
標準機能
- Bracket Pair Colorization (v1.60 ~)
- Local History (v1.66 ~)
参考:
実はもう要らない VSCode 拡張機能メモ | Proudust
You Don’t Need that Extension #1 | Rob O’Leary
You Don’t Need that Extension #2 | Rob O’Leary
言語自動検出
参考:
VSCode に言語の自動検出機能が追加されました | DevelopersIO
言語識別子
ドキュメント:
Language Identifiers | Visual Studio Code [Official]
参考:
フォルダを比較する
参考:
is there a compare folders feature in VS Code? – Stack Overflow
再起動/再読み込みする (Reload)
- Web ビューの再読み込み (Reload Webviews)
- ウィンドウの再読み込み (Reload Window)
参考:
再起動をショートカットキーに登録する設定 | ONE NOTES
Reload / Restart Visual Studio Code Window | TheBlogReaders.com
How to restart VSCode after editing extension’s config? – Stack Overflow
再起動時にウィンドウを復元する
参考:
Reopen windows after restart – Stack Overflow
Web ビューの読み込みエラー
対処法:
- VSCode を再起動する。
参考:
VSCode で Web ビューの読み込みエラー – Qiita
拡張機能の検索結果が XHR エラーになる
現象:
VSCode で拡張機能を検索すると XHR エラーが発生して読み込めない。
Error while fetching extensions. XHR failed
対処法:
「拡張機能の検索結果のクリア」ボタンを押して再度検索する。
参考:
Error while fetching extensions. XHR failed · Issue #214 · microsoft/vsmarketplace – GitHub
ワークスペース
参考:
アスキー文字以外がハイライトされる
ドキュメント:
Unicode Highlighting | Visual Studio Code [Official]
参考:
VSCode で全角の空白/アスキーと混同される文字のハイライトを非表示にする方法 | 超初心者ホームページ作成ナビ
Highlight confusable Unicode characters · Issue #136437 · microsoft/vscode – GitHub
ツリーを全て開く/折り畳む
参考:
Notable Nmprovements – Release Note v1.35 | Visual Studio Code [Official]
Tree View API | Visual Studio Code Extension API [Official]
API to collapse custom tree items · Issue #92176 · microsoft/vscode – GitHub
Collapse all files in explorer – Stack Overflow
How to Collapse/Expand in Source Control Tree View Panel – Stack Overflow
コマンドの出力をエディターで開く
参考:
Show terminal command output in new editor window in VSCode – Stack Overflow
OmniSharp が .NET SDK のインストールを要求する
VSCode 起動時に最新の .NET SDK が必要である旨のエラーが表示される。
OmniSharp requires an install of the .NET SDK to provide language services when omnisharp.useModernNet is enabled in Settings.
対処法:
「Get the SDK」ボタンを押して Microsoft のサイトにアクセスし、.NET 7.0 SDK をインストールする。
→ Visual Studio Code 向け .NET SDK のダウンロード
参考:
VSCode を開いたら OmniSharp のエラーが発生した – Qiita
OmniSharp error about dotnet version – Stack Overflow
タブキーの挙動がおかしい
現象:
ステータスバーに「タブによるフォーカスの移動」と表示され、タブキーでインデントできない。
原因:
タブキーでフォーカスを移動するモードが有効になっている。
対処法:
Ctrl
+ M
キーを押して、タブキーでフォーカスを移動するモードを無効化する。
操作
Ctrl
+ M
:タブフォーカスモードの有効/無効を切り替える
参考:
VSCode でタブキーを押すとフォーカスが移動する | NER Short
括弧の種類を変更したい
- 「Remove Brackets」 (
editor.action.removeBrackets
) を使う。 - または、「Select to Bracket」 (
editor.action.selectToBracket
) を使う。 - または、置換を実行する。
拡張
参考:
Replace matching brackets for parenthesis – Stack Overflow
Most efficient way to swap () for {} in VSCode? – Stack Overflow
動画を再生したい
※ v1.71 以降、VSCode 本体に FFmpeg のコーデックが同梱されるようになり、標準で動画を再生できるようになった。
拡張機能
ローカルの動画を VSCode でプレビューしたい場合は、「MPEG-4 Preview」をインストールする。(※音声は非対応で、映像のみが再生される。)
ドキュメント:
FFmpeg Codecs Support – Release v1.71 | Visual Studio Code [Official]
入手:
MPEG-4 Preview | Visual Studio Marketplace [Official]
参考:
FFmpeg ライブラリを同梱した Visual Studio Code 2022年8月更新 | 窓の杜
Support MP4 Video Previews · Issue #91756 · microsoft/vscode – GitHub
VSCode mp4 support or youtube video support · Issue #72280 · microsoft/vscode – GitHub
Video/Audio Previewer/Player · Issue #87706 · microsoft/vscode – GitHub
MP4 のファイルを VSCode で開きたい – teratail
How to display video and audio in HTML preview in Visual Studio Code – Stack Overflow
How to make local file link open default program? – Stack Overflow