More than 3 years have passed since last update.

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

Last updated at 2020-09-08Posted at 2020-09-07

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

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

環境

nuxt.config.js


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