Vue專案啟動時預設埠號是8080，如果要啟動多個專案就會發生衝突，通過以下方式可修改預設埠號

更多精彩

在專案的package.json中可以找到如下程式碼

• start屬性指定的檔案就是通過開發模式啟動的服務檔案

"scripts": {
  "dev": "node build/dev-server.js",
  "start": "node build/dev-server.js",
  "build": "node build/build.js",
  "lint": "eslint --ext .js,.vue src"
}

在build目錄下的dev-server.js中可以找到如下程式碼

• 可以發現uri在拼接port介面之前，port介面首先根據是生產還是開發，被賦予了不同的埠號
• 而開發環境下的埠號來自config目錄

var config = require('../config')
...
var port = process.env.PORT || config.dev.port
...
var uri = 'http://localhost:' + port

在config目錄下的index.js中可以找到如下程式碼

• 修改此處的port即可修改開發環境下啟動專案的埠號

dev: {
	...
  port: 8090,
	...
}