Vue.jsやNuxt.jsの開発用サーバのポート番号を変更する
Vue.jsやNuxt.jsの開発用サーバのポート番号を変更するには package.json
に記述すればよいようです。
Vue.js
package.json
変更前(デフォルト)
"scripts": { "serve": "vue-cli-service serve", // ... },
↓ 変更後
"scripts": { "serve": "vue-cli-service serve --port 8080", // ... },
開発用サーバの起動
$ npm run serve
Nuxt.js
package.json
変更前(デフォルト)
"scripts": { "dev": "nuxt", // ... },
↓ 変更後
"scripts": { "dev": "nuxt --port 8080", // ... },
開発用サーバの起動
$ npm run dev
2023/04/11追記
設定ファイルを書き換えずに一時的に変更したいならば、以下のように環境変数でも指定できます。
$ PORT=8080 npm run dev