問題タブ [vscode-extensions]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1091 参照

visual-studio-code - Visual Studio コード拡張: エクスプローラーでファイルにエラー マーカーを追加するにはどうすればよいですか?

DiagnosticCollectionファイルのエラーを設定するためにを使用する vscode 拡張機能のバリデーターを作成しました。これは機能し、ファイルを開くとエラーが表示されます。

エラーのあるファイルを簡単に見つけられるように、エクスプローラーでファイルにマークを付けたいと思います。Eclipse での表示例を次に示します。vscode拡張機能でこれを行うことは可能ですか? これを行う拡張機能は既にありますか?

0 投票する
0 に答える
887 参照

visual-studio-code - VSCode 拡張機能: ES6 テンプレート文字列による言語インライン化

私は、GraphQL スキーマとクエリの構文の強調表示と自動補完を実装する Visual Studio Code の GraphQL 拡張機能に取り組んでいます。現在、.gql拡張子が で終わるファイルで動作します。ただし、一般的な GraphQL の使用法は、Javascript ファイル内でインライン クエリを定義することです。たとえば、次のようになります。

拡張機能が ES6 (名前付き) テンプレート文字列に実装するハイライト機能とオートコンプリート機能をサポートするにはどうすればよいですか?

0 投票する
3 に答える
7242 参照

visual-studio-code - コードの折りたたみをカスタマイズできますか?

Visual Studio Code でのコードの折りたたみ方法をカスタマイズすることはできますか?

私は、さまざまな種類のドキュメントにわたってコードの領域を定義する共通のパターンを使用しています。

  • したがって、XML の場合、テキストのセクションを と でラップし<!-- #region -->ます<!-- #endregion -->

  • C# の場合、私#region#endregion

  • TypeScript/Javascript の場合は、 and を使用/* #region *//* #endregion */ます。

完全な Visual Studio (VS Code ではない) には、ドキュメント タイプ全体のパターンをスヌープし、それに基づいて折り畳みを作成するカスタム拡張機能があり、きちんとしたカスタム ドキュメント アウトラインを作成できます。Visual Studio Code で同じパターンを使用したいと思います。これらのコメント パターンを検出し、パターンに基づいて折り畳みにタグを付けるカスタム VS Code 拡張機能を作成することは可能ですか?

0 投票する
3 に答える
28743 参照

visual-studio-code - Visual Studio コード拡張機能でブラウザー ウィンドウを開くにはどうすればよいですか?

ビジュアル スタジオ コード拡張機能を作成しています。コマンドに応答して、特定の URL でブラウザー ウィンドウを開くことができるようにしたいと考えています。Electron に BrowserWindow クラスがあることは知っていますが、vscode 拡張機能から Electron API にアクセスできないようです。

ツール内でブラウザー ウィンドウを開くことをお勧めしますが、それが不可能な場合は、既定のブラウザーで Web ページを開いてもかまいません。

拡張機能から Web ページを開くにはどうすればよいですか?

0 投票する
4 に答える
30336 参照

visual-studio-code - ソースから Visual Studio Code を実行すると「拡張機能が見つかりません」と表示される

Visual Studio Code に拡張機能をインストールしようとすると (つまり、 を押しCtrl+Pてから実行するとext install RustyCode) No extensions found、.

ただし、これはソース リポジトリから直接 VS Code を実行した場合にのみ発生します。つまり、後:

しかし、公式ビルドから VS Code を実行すると、拡張機能をインストールできます。

では、VS Code をソース リポジトリから直接実行するときに、Visual Studio Marketplace から拡張機能をダウンロードしてインストールできるようにするにはどうすればよいでしょうか? (Visual Studio Marketplace の統合は公式ビルドに個別にバンドルされていますか?)

私はUbuntu/Linuxを使用しています。

0 投票する
1 に答える
513 参照

typescript - 言語サーバー側から rootPath (またはその他のクライアント側情報) を取得する方法は?

サンプルの「言語サーバー」( https://code.visualstudio.com/docs/extensions/example-language-server )に基づいて、言語拡張に取り組んでいます。

サーバー側では、vscode が使用する現在のフォルダーを知る必要があります。クライアント側では、次のように取得されます。

しかし、これをサーバー側で使おうとすると、

  1. TS コンパイラ エラーが発生します:エラー TS2307: モジュール 'vscode' が見つかりません
  2. クライアントが開始されると (クライアントで F5 を使用)、サーバーに接続できません (サーバーで F5 を使用)。

私のサーバーとクライアントの両方のpackage.jsonは次を指定します:

私の理解では、サーバーは IConnection オブジェクトを介してのみクライアントと通信するため、クライアント側で維持される vscode.* データにはアクセスできません。

サーバー側でこれを使用するための私の現在の回避策:

クライアント側のこのコード:

これを行うより良い方法はありますか?

0 投票する
1 に答える
660 参照

visual-studio-code - Visual Studio Code は C# で記述された言語サーバーをサポートしていますか?

言語サーバーの作成に関する VS Code のドキュメントを確認しましたが、nodejs 実装への参照しか表示されません。C# で記述された言語サーバーを作成するための SDK サポートはありますか? 最終的には、これは DNX または Core 1.0 ライブラリになります。

0 投票する
1 に答える
334 参照

typescript - ビジュアル スタジオ コード拡張機能でコピーおよびカット アクションを検出する方法は?

vscode 拡張機能を開発しています。
エディターでのコピーとカットのユーザー アクションを無効にしたいと考えています。

APIリファレンスを確認しましたが、メソッドが見つかりませんでした。

typescript を使用した拡張機能でこれを行うにはどうすればよいですか?

0 投票する
3 に答える
1476 参照

visual-studio-code - Visual Studio Code でライト/ダーク テーマをプログラムで検出する

人魚図のプレビューを可能にする Visual Studio Code拡張機能を開発しています。

ここに画像の説明を入力

拡張機能は、ライト テーマを使用している場合に正常に機能するデフォルトのスタイルシートを使用します。ただし、ユーザーが Visual Studio Code をダーク テーマを使用するように切り替えた場合、スタイルシートには、既定のダーク スタイルシートと互換性のないいくつかのルールがあります。

ここに画像の説明を入力

ケースごとに異なるスタイルシートを提供できるように、アクティブなテーマの種類 (明るい/暗いなど) をプログラムで検出することはできますか?

人魚にバンドルされているスタイルシートを使用し、拡張機能でまったく異なるスタイルシートを作成したくありません。

0 投票する
0 に答える
1410 参照

visual-studio-code - gulp: ノードがモジュール 'vscode' を見つけることができません

私は VS Code の拡張機能を開発しており、その拡張機能で使用されるオブジェクトに対していくつかのテストも書いています。これらのテストは、VS Code 内から正常に実行されます。ただし、CI ビルドの一部としてそれらを実行することも望んでおり、gulp を介して実行します。「gulp mocha」を使用してテストを実行するgulpタスクがあります。これらのテストは、モジュール参照の推移的なクロージャのどこかに「vscode」を取り込むクラスを導入するまで、gulp を介して正常に実行されます。

私のgulp出力は以下の通りです:

コール スタックには、src\helpers\settings.js:6:18への参照があります。その場所には、次のステートメントがあります。

私のタイプスクリプトのソースでは、それは次のとおりです。

settings.js 内で使用する名前空間を取り込む import ステートメントを単純に削除すると、テストは正常に実行されるようになります。

node.js モジュールの解決に関するドキュメント ( https://nodejs.org/api/modules.html#modules_all_together ) を読んだ後、なぜ MODULE_NOT_FOUND が発生するのか理解できました。「vscode」はコア モジュールではなく、相対参照 (「.」、「/」、「../」) でもないため、ノードは package.json ファイルを探します。それが見つかったと仮定すると (procmon は、あると教えてくれます)、「メイン」フィールドを探します。この時点で、「メイン」フィールドが見つからず、解決に失敗したと思います。

おそらく、VS Code でテストを実行すると (正常に動作します)、解決にはタイピング ファイル ( http://www.typescriptlang.org/docs/handbook/module-resolution.html ) の検索も含まれるため、成功します。

私が理解できないのは、gulp を介してテストを実行するときに「vscode」への参照を解決するために何をすればよいかということです。

何かご意見は?