Visual Studio Code でのビューの切り替えガイド

Temp mail SuperHeros
Visual Studio Code でのビューの切り替えガイド
Visual Studio Code でのビューの切り替えガイド

VS Code でのファイル ビューの管理:

以前は、Visual Studio Code で「Git: Open Changes」コマンドを使用すると、ユーザーは変更の表示と元のファイルの表示をシームレスに切り替えることができました。この効率的なワークフローにより、開発者は簡単にコーディング環境にすぐに戻ることができました。

ただし、最近のアップデートによりこの動作が変更され、ユーザーの間で不満が生じています。この記事では、ファイルの変更されていないビューに戻って、効率的な開発プロセスを維持できるようにするための代替コマンドと方法について説明します。

指示 説明
vscode.window.activeTextEditor Visual Studio Code で現在アクティブなテキスト エディターを取得します。
uri.with({ scheme: 'git', query: 'diff' }) 現在のドキュメントの URI を変更して、Git diff ビューにアクセスします。
vscode.workspace.openTextDocument URI で指定されたテキスト ドキュメントをワークスペースで開きます。
vscode.window.showTextDocument 指定されたテキストドキュメントをエディタウィンドウに表示します。
context.subscriptions.push 拡張機能のサブスクリプションに使い捨てリソースを追加し、適切なクリーンアップを保証します。
vscode.commands.registerCommand コマンド パレットまたはキー バインドから呼び出すことができるコマンドを登録します。
uri.with_(scheme='git', query='diff') Git diff ビューにアクセスするための URI の変更に相当する Python。

スクリプトの機能を理解する

上記で作成したスクリプトは、Visual Studio Code で変更ビューと元のファイル ビューを切り替える機能を復元するように設計されています。 JavaScript スクリプトは vscode.window.activeTextEditor 現在アクティブなテキスト エディタを取得するコマンド。次に、次のコマンドを使用して現在のドキュメントの URI を変更します。 uri.with Git diff ビューにアクセスするメソッド。 Git diff ビューがすでに開いている場合、スクリプトはテキスト ドキュメントを開いて元のファイルに戻ろうとします。 vscode.workspace.openTextDocument そしてそれを使用して表示します vscode.window.showTextDocument

Python スクリプトは同様のロジックに従い、Python 拡張機能を介して Visual Studio Code の API を利用します。アクティブなテキスト エディタを取得し、Git diff ビューにアクセスするように URI を変更します。 uri.with_。次に、スクリプトは変更された URI を開いてドキュメントを表示しようとします。失敗した場合は、元のドキュメントを開いて表示することに戻ります。どちらのスクリプトもコマンドを次のように登録します。 vscode.commands.registerCommand それらを拡張機能のサブスクリプションに追加して適切にクリーンアップすることで、開発中にファイル ビューを効率的に切り替えることができます。

Visual Studio Code で以前のファイル ビューを復元する

JavaScript と Visual Studio Code API の使用

// This script uses the Visual Studio Code API to toggle between the changes view
// and the original file view for the currently open file.

const vscode = require('vscode');

function activate(context) {
  let disposable = vscode.commands.registerCommand('extension.toggleFileView', function () {
    const editor = vscode.window.activeTextEditor;
    if (editor) {
      const uri = editor.document.uri;
      const gitUri = uri.with({ scheme: 'git', query: 'diff' });

      vscode.workspace.openTextDocument(gitUri).then(doc => {
        vscode.window.showTextDocument(doc, { preview: true });
      }).catch(err => {
        vscode.workspace.openTextDocument(uri).then(doc => {
          vscode.window.showTextDocument(doc, { preview: true });
        });
      });
    }
  });

  context.subscriptions.push(disposable);
}

function deactivate() {}

module.exports = {
  activate,
  deactivate
};

ファイルビューを効率的に切り替える

VS Code API での Python の使用

# This script uses the Visual Studio Code API via a Python extension to toggle
# between the changes view and the original file view for the currently open file.

import vscode

def activate(context):
    def toggle_file_view():
        editor = vscode.window.active_text_editor
        if editor:
            uri = editor.document.uri
            git_uri = uri.with_(scheme='git', query='diff')

            try:
                vscode.workspace.open_text_document(git_uri).then(lambda doc: vscode.window.show_text_document(doc, preview=True))
            except:
                vscode.workspace.open_text_document(uri).then(lambda doc: vscode.window.show_text_document(doc, preview=True))

    context.subscriptions.append(vscode.commands.register_command('extension.toggleFileView', toggle_file_view))

VS Code でファイルを表示するための代替方法を調べる

Visual Studio Code で変更と元のファイル ビューを切り替えるスクリプトの使用とは別に、この機能を強化できる組み込みの拡張機能とプラグインがあります。たとえば、「GitLens」のような拡張機能は、ファイル履歴や変更の表示など、Git リポジトリを管理するための豊富な機能を提供します。これらのツールは、開発者がファイルの異なるバージョン間をより効率的に移動するのに役立ちます。

もう 1 つの方法は、キーボード ショートカットを使用し、ワークフローに合わせてカスタマイズすることです。カスタム キーバインドを作成すると、開発プロセスを合理化し、さまざまなビューやファイルをすばやく切り替えることができます。これらの組み込みツールと拡張機能を理解すると、生産性が大幅に向上し、スムーズな開発エクスペリエンスを確保できます。

VS Code ファイルビューに関する一般的な質問と解決策

  1. 使用後に元のファイルを表示するにはどうすればよいですか Git: Open Changes?
  2. カスタム コマンドを作成するか、「GitLens」などの拡張機能を使用して、元のファイル ビューに戻すことができます。
  3. 現在のファイルを Git diff ビューで開くコマンドは何ですか?
  4. コマンドは vscode.window.showTextDocument URI が次のように変更されました。 scheme: 'git' そして query: 'diff'
  5. キーボード ショートカットをカスタマイズして VS Code のビューを切り替えることはできますか?
  6. はい、設定でキーバインドをカスタマイズして、異なるビュー間を切り替えるためのショートカットを作成できます。
  7. ファイルの変更を表示するのに役立つ拡張機能はありますか?
  8. はい、「GitLens」のような拡張機能は、ファイルの変更を管理および表示するための広範な機能を提供します。
  9. エディタを閉じずに元のファイル ビューに戻すにはどうすればよいですか?
  10. スクリプトを使用してビューを切り替えることも、ファイル エクスプローラーを使用して手動で戻すこともできます。
  11. 用途は何ですか vscode.workspace.openTextDocument?
  12. このコマンドを実行すると、ワークスペースでテキスト ドキュメントが開き、表示および編集できるようになります。
  13. 拡張機能内のコマンドを適切にクリーンアップするにはどうすればよいですか?
  14. コマンドを追加することで、 context.subscriptions.push、拡張機能が非アクティブ化されたときにそれらが適切に破棄されることを確認します。
  15. 複数のファイルの変更を同時に表示できますか?
  16. はい、複数のエディタを開いたり、分割ビューを使用して複数のファイルの変更を一度に確認したりできます。
  17. 変更された URI で差分ビューを開けない場合はどうすればよいでしょうか?
  18. スクリプトはこのエラーをキャッチし、元のファイル URI を開く状態に戻すことができます。

ファイルビューの管理に関する最終的な考え方

Visual Studio Code でファイル ビューを効率的に管理することは、開発ワークフローをスムーズに行うために非常に重要です。トグル機能が内蔵されていますが、 Git: Open Changes が変更された場合、開発者はカスタム スクリプトまたは拡張機能を使用してこの機能を復元できます。 URI を変更し、API コマンドを利用することで、差分ビューと元のファイルをシームレスに切り替えることができます。

さらに、次のような拡張機能を理解し、活用することもできます。 GitLens キーボード ショートカットをカスタマイズすると、生産性がさらに向上します。これらの戦略により、開発者は効率的で組織化されたワークフローを維持できるようになり、最終的にはコーディング エクスペリエンスと成果が向上します。