Nuxt.js 開発サーバー立ち上げ時にブラウザを自動起動する方法

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

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

環境

• nuxt.js : 2.14.0

node_module "open"を使って解決

open

nuxt.config.js

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

参考

1. Auto open browser when run dev #1433