VSCodeの設定でPackage.jsonのデバッグリンクを非表示にする方法

VSCodeでは、デバッグ設定により、package.json内のscriptsの上部にデバッグリンクが表示されることがあります。次の画像はその例を示しています。

この記事は上記デバッグリンクを非表示にする方法についてのメモです。

方法の概要

まず、VSCodeの設定画面を開きます。設定画面は、メニューバーのファイル(File) > 基本設定(Preferences) > 設定(Settings)を選択するか、ショートカットキーCtrl + ,（Windows）またはCmd + ,（Mac）を押すことで開くことができます。

設定画面が開いたら、「debug」で検索します。そうすると、デバッグ関連の様々な設定が表示されます。その中から以下の設定を探します。

Debug > JavaScript > CodeLens： Npm Scripts

この設定の値を「never」に変更することで、デバッグリンクが非表示になります。具体的には、設定画面に次のコードを追加します。

もしくは、設定のJSONファイルを開いて以下のコードを追加します。

"debug.javascript.codelens.npmScripts": "never"

以上の手順で、VSCode上のデバッグリンクを非表示にすることが可能となります。