honapon
@honapon

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

【Rails】Visual Studio Code2のプレビューの仕方が分からない

解決したいこと

現在Visual Studio Code2でRailsを使ってアプリ作成をしようと考えています。
まずrails sでサーバーを立ち上げた後に、Visual Studio Codeを開きました。
その後Ruby on Railsのホーム画面を表示させようと
思いましたが、プレビューが上手く出来ません。
Browser Previewという拡張機能をインストールしましたがプレビューを押すとVSC2のページが出て来てしまいます。
基本動作にも関わらず、調べてもなかなか該当のページにたどりつけません。
AWSなど使用するのがより良いのでしょうか??AWSだとAWS上にあるファイルのみが更新される(という記憶です)ので、Visual Studio Code2を使おうと思ったのですが・・・。どのように画面をプレビューすれば宜しいのでしょうか。
スクリーンショット 2022-03-31 16.50.44.png

0

2Answer

Comments

  1. @honapon

    Questioner

    回答ありがとうございます。仰る通り書き換えたところ、実行されました!

単純に、Browser Previewのスタートページの設定である
browser-preview.startUrl
https://code.visualstudio.com/になっているから
そのページが表示されるだけではないでしょうか。

プレビューで表示されている画面の
アドレスバーにhttp://localhost:3000と入力すれば
正常にプレビューが表示されると思います。

また、Browser Previewではなく、
ブラウザ(例えばGoogle Chromeなど)を起動して同じことをしても
同様の結果を得られます。

AWSなど使用するのがより良いのでしょうか

ここが不明瞭ですが、
恐らく「AWS Cloud9 IDE」のことを仰っているのでしょうか。

どちらにせよ、ローカルでの動作確認をする場合は
ブラウザを通してhttp://localhost:3000にアクセスする必要がありますので
どちらを利用していてもやることは同じです。

ただ、RailsでのCloud9用の設定が必要になるので、
その分の手間は発生します。

0Like

Comments

Your answer might help someone💌