Visual Studio Code のブレークポイントを使用して Vue をデバッグする方法を共有する

多くの人は、Chrome のデバッグ ウィンドウで Vue コードをデバッグするか、console.log を直接使用して変数値を観察することに慣れていますが、これは非常に面倒な作業であり、少なくとも 3 つのウィンドウを同時に開く必要があります。個人的には、ブレークポイント デバッグの方が慣れています。この記事では、VS Code のブレークポイントでコードを直接デバッグし、VS Code のデバッグ ウィンドウで Chrome の同じコンソール値を確認できるように Visual Studio Code と Chrome を構成する方法を紹介します。