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

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

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

“scripts”: {
・・・
“monaca:preview”: “npm run dev”,
“dev”: “browser-sync start -s www/ –watch –port 8080”
・・・
}

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

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

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

    設定完了

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