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

F5キーを押した時にChromeを起動して、 作ったページやソースをチェックできるようにするために 「launch.json」を色々と編集。 1）「launch.json」の編集 ・テキストベースのデータフォーマットで、XMLと同様。 XMLより記述が易しい。 4）おまけ 「runtimeArgs」に ...

何度やっても忘れるのでここにメモ。特に2を忘れる。 0.事前準備 launch.jsonの作成 これはReactの例。ポイントはrequestをattachにしているのと、portが9222になっているところ。 設定はVSCode本家、Chrome for DebuggerのGitHubを参考にしている。前者はReact以外にも各JS ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...

インプレスグループで電子出版事業を手がける株式会社インプレスR&Dは、『Visual Studio Codeデバッグ技術』（著者：森下 篤）を発行いたします。 【Visual Studio Code解説の言語と設定ファイル解説！】 本書は、プログラマ向けエディター「Visual Studio Code（VSCode ...

作成された tsconfig.json の中身を以下のようにする。 ほぼデフォルトのままで、sourceMap の項目だけ変更している。 launch.json を作成して、以下のように記述する。 VSCode の作成機能で作成したものに、runtimeArgs と resoleveSourceMapLocations の項目を追加した。