VSコードで外部ツールを実行するには、tasks.jsonを使用してタスクを構成します。 1. .tasks.jsonファイルを作成または編集し、コマンドパネルを介して[タスクを構成]を選択して、デフォルトのテンプレートを生成します。 2。ラベル（タスク名）、型（タイプ、通常はシェル）、コマンド（execute command）などのタスク屬性を定義します。 3。タスクを実行するには、コマンドパネルを介して「タスクを実行」し、対応するタグを選択できます。 4. EslintやThe Theなどのツールを統(tǒng)合し、NPXコマンドを使用してローカルにインストールされたツールを呼び出し、自動実行、エラーマッチングなどの機能を設定できます。 5。パラメーターの合格と、$ {file}などの変數(shù)を使用して現(xiàn)在のファイルを表すサポート。 6.ファイルの変更を自動的に再実行する前にタスクを実行するなど、タスクの自動トリガーを設定できます。 7.パス、環(huán)境設定、端末の互換性の問題に注意してください。これらのコア構成を習得した後、開発効率を大幅に改善できます。

VSコードから外部ツールを直接実行してワークフローを合理化する場合は、タスクを使用することが最適です。 tasks.json仕組みと基本的なコマンドを構成する方法を理解したら、それは複雑ではありません。

基本的なタスクを設定します

最初のステップは、 .vscodeフォルダーでtasks.jsonファイルを作成または編集することです。コマンドパレット（CTRL Shift P）を開き、「タスク：タスクの構成」を選択することにより、デフォルトの1つを生成できます。これにより、多くの場合、単純なエコーコマンドを使用して出発點が得られます。

これが最小限のタスクのように見えるものです：

 {
  「ラベル」：「何かをエコー」、
  「タイプ」：「シェル」、
  「コマンド」：「Echo HelloWorld」
}

• ラベル：タスクリストに表示されるもの。
• タイプ：通常、ほとんどのコマンドのshell 。
• コマンド：実行する実際のシェルコマンド。

保存すると、「実行タスク」を選択してラベルを選択することにより、コマンドパレットを介してこのタスクを実行できます。

EslintやTheのようなランニングツール

ほとんどの開発者は、リナー、フォーマッタ、またはツールの構築を統(tǒng)合したいと考えています。たとえば、プロジェクトにローカルにインストールされているESLINTを使用している場合、一般的なセットアップは次のとおりです。

 {
  「ラベル」：「Eslintを実行する」、
  「タイプ」：「シェル」、
  「コマンド」：「npx eslint」。
}

また、ファイルを保存またはコミットする前に、自動的に実行する必要があります。それを行うには、これらのオプションを追加します。

 「ronoptions」：{
  「ReevaluateOnrerun」：本當です
}、
「問題のあるもの」：["$ eslint-stylish"]、
"グループ"： {
  「親切」：「ビルド」、
  「isdefault」：本當です
}、
「詳細」：「プロジェクト全體を並べる」

これにより、タスクがデフォルトのビルドグループの部分を作成し、[問題]タブに問題が表示されるようにエラー解析を追加します。

注意すべきこと：

• ローカルツーリングにnpxを使用します（ npx eslint 、 npx prettier ）
• ツール出力がVSコードの問題マッチャーと互換性があることを確認してください。そうしないと、エラーが表示されないことを確認してください
• WindowsにいてPowerShellを使用する場合、 "options": { "shell": { "executable": "cmd.exe", "args": ["/c"] } }

引數(shù)を渡し、変數(shù)を使用します

動的値を渡す必要がある場合があります。 VSコードは${file} （現(xiàn)在のオープンファイル）、 ${workspaceFolder}などの組み込み変數(shù)をサポートします。

現(xiàn)在のファイルをきれいにフォーマットするだけだとします：

 {
  「ラベル」：「現(xiàn)在のファイルのフォーマット」、
  「タイプ」：「シェル」、
  「コマンド」：「npx prettier -write $ {file}」
}

または、毎回手動で議論を渡したいのかもしれません。

 {
  「ラベル」：「argでスクリプトを実行する」、
  「タイプ」：「シェル」、
  「コマンド」：「node script.js customarghere」
}

${input:variableName}を使用して入力を求めることもでき、 tasks.jsonの下部にあるinputsセクションの入力を定義することもできます。

タスクを自動的にトリガーします

保存またはデバッグするたびに特定のツールを実行していることに気付いた場合は、他のアクションに接続することを検討してください。

デバッガーを起動する前にタスクを実行するには、 launch.jsonを開き、追加します。

 「PrelaunchTask」：「Run Eslint」

または、ファイルが変更されたときにタスクを再実行するようにウォッチャーを設定します。

 「ウォッチ」：本當

留意してください：

• 監(jiān)視されたタスクはバックグラウンドで実行され続けます
• 時計のタスクを糸くずのような高速なタスクに制限することをお勧めします
• すべてのターミナルが時計モードをきれいにサポートするわけではありません - 正しく構成されていない限りハングするかもしれません

基本的にそれだけです。特にパスと環(huán)境の設定では、少し試行錯誤が必要ですが、いくつかのコアタスクが機能すると、生産性が高まります。

以上がタスクを使用して外部ツールをVSコードに統(tǒng)合するにはどうすればよいですか？の詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。