vscodeでのreactnative開発でデバッグしたい

前提

MacOS 12.6
react-native-cli: 2.0.1

reactnative完全初心者です。
趣味でアプリ開発をしてみたいと思い触り始めてみました。
仕事でvscodeを使っているので、reactnativeでの開発をvscodeでやりたいなと色々触ってみたのですが、
デバッグができずにおります。。

react native はクロスプラットフォーム開発できることと、言語がJavascript であることから始めました。

実現したいこと

vscodeでのreactnative開発でデバッグしたいです。
記事を参考にしても、記事内の画像に表示されている項目が、手元では表示されていないなどから進捗できずにおります。
vscodeや拡張機能のバージョン差異などによる違いなのかとも思いましたが、いつまで経っても解消できず、質問を投稿した次第です。
有識者の方へ
解消方法について、ご教示いただけないでしょうか？

試したこと

古い記事ではありますが
下記のサイトを参考に、色々と試してみましたが、うまく行きません。
「実行とデバッグ」のデバッガー選択の段階から、ネット記事とは異なる表示になっているみたいです。

（手元の画像です）
React Native Tools を有効にしてます。

「実行とデバッグ」のデバッガー選択メニューには記事のような項目が表示されませんでした。。

（↓記事の画像）

reactnativeの環境構築は下記サイトを参考にしました。

（まずはiOSでと思い、Android Studio はひとまずインストールしておりません。）

不足している情報などあれば、お申し付けください。
よろしくお願いいたします。