Si está utilizando vue-cli 3.x, simplemente puede pasar el puerto al comando npm de la siguiente manera:

npm run serve -- --port 3000

Luego visite http://localhost:3000/

Llegó tarde a la fiesta, pero creo que es útil consolidar todas estas respuestas en una que describa todas las opciones.

Separados en Vue CLI v2 (plantilla de paquete web) y Vue CLI v3, ordenados por prioridad (de mayor a menor).

Vue CLI v3

• package.json : agregue la opción de puerto para serve el script: scripts.serve=vue-cli-service serve --port 4000
• Opción CLI --port to npm run serve , por ejemplo npm run serve -- --port 3000 . Tenga en cuenta -- , esto hace que pase la opción de puerto al script npm en lugar de a npm mismo. Desde al menos v3.4.1, debería ser, por ejemplo vue-cli-service serve --port 3000 .
• Variable de entorno $PORT , por ejemplo, PORT=3000 npm run serve
• Archivos .env , los env más específicos anulan los menos específicos, por ejemplo, PORT=3242
• vue.config.js , devServer.port , por ejemplo, devServer: { port: 9999 }

Referencias:

• https://cli.vuejs.org/config/#devserver
• https://cli.vuejs.org/config/#vue-config-js
• https://cli.vuejs.org/guide/mode-and-env.html

Vue CLI v2 (obsoleto)

• Variable de entorno $PORT , por ejemplo, PORT=3000 npm run dev
• /config/index.js : dev.port

Referencias:

• http://vuejs-templates.github.io/webpack/
• https://github.com/vuejs-templates/webpack/blob/develop/template/build/webpack.dev.conf.js#L35

En el momento de escribir esta respuesta (5 de mayo de 2018), vue-cli tiene su configuración alojada en <your_project_root>/vue.config.js . Para cambiar el puerto, consulte a continuación:

 // vue.config.js module.exports = { // ... devServer: { open: process.platform === 'darwin', host: '0.0.0.0', port: 8080, // CHANGE YOUR PORT HERE! https: false, hotOnly: false, }, // ... }

La referencia completa vue.config.js se puede encontrar aquí: https://cli.vuejs.org/config/#global-cli-config

Tenga en cuenta que, como se indica en los documentos, "Todas las opciones para webpack-dev-server" ( https://webpack.js.org/configuration/dev-server/ ) está disponible en la sección devServer .