Vue CLIプロジェクトの開発サーバのポート番号を変更する

Vue CLIプロジェクトの開発サーバのポート番号はデフォルトでは"8080"になります。
このポート番号を変更するには、vue.config.jsに開発サーバのポート番号を設定します。

【変更前】

vue.config.js

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true
})

【追記情報】8081に指定

  devServer: {
    port: 8081,
    host: 'localhost'
  }

【変更後】

vue.config.js

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    port: 8081,
    host: 'localhost'
  }
})