ローカル開発時、ローカルサーバーを立ち上げて開発していくかと思いますが、Nuxtのデフォルトの設定では、初回立ち上げ時に自動でブラウザが立ち上がらず、自分でlocalhost:3000にアクセスをしないといけません。

同時並行で複数プロジェクトを進めていると、都度起動したURL（host）に接続するのがとてもめんどくさかったので、自動でブラウザ起動する方法がないかなーと思っていたのですが、良い方法を見つけたのでご紹介します。

環境

node_module "open"を使って解決

nuxt.config.js


import open from 'open'
export default {
  hooks: {
    listen(server, { host, port }) {
      open(`http://${host}:${port}`)
    },
  },
}