エディタで作業しながらデバッグをしたい人にぴったりな、VS Code内にChromeをプレビューとして表示させることができる機能拡張を紹介します。 ブラウザで単に表示するだけでなく、デベロッパーツールと連携させることも可能なので、デバッグがかなり ...

設定は VSCode本家 、 Chrome for DebuggerのGitHub を参考にしている。 前者はReact以外にも各JSフレームワークごとにデバッグの設定方法のページが記載してあるので、必要な場合はそちらを参照するのがいいだろう。 1.Chromeをリモートデバッグ有効にした状態で起動 ...

Visual Studioより普通にVS Codeが好きな男。本家より動きがカッコイイ!! どうも、あっきーです🍍 ということで今までVisual Studioを使っていましたが、 使い慣れたVisual Studio Codeに移行してみたいと思います。 基本的に公式ガイドに沿って準備を進めていきますが ...

.vscode フォルダもコミットしている。 デバッグの構成はステップごとに作成する。