MonacaクラウドIDEのプレビュー表示について

MonacaクラウドIDEでプレビュー表示をさせたい場合…

1.package.jsonの内に以下を追加

①scriptプロパティへmonaca:previewコマンドとdevコマンドを追加

②devDependenciesプロパティへbrowser-syncモジュールを追加

“devDependencies”: {
“browser-sync”: “~2.27.7”
}

2.Monaca Dashboardに戻り、プロジェクトを選択。「クラウドIDEで開く」ボタンの右隣にある三角のアイコンをクリックし、「ライトモードで開く」にチェックを付ける。

設定完了

クラウドIDEを表示したら、プレビューが表示されているはずです。