Vue CLI 是一個基于 Vue.js 進行快速構建項目的工具，它提供了許多直接的配置和預設，讓我們能夠快速開始一個項目。Vue CLI 默認啟動的端口是 8080，但我們有時候需要修改該端口號，本文將介紹如何配置 Vue CLI 的端口號。

Vue CLI 提供兩種修改端口號的方式。

方式一：使用 .env 文件

在項目根目錄下新建一個 .env 文件，然后在該文件中配置 PORT 環境變量。接著，重啟項目即可生效。

PORT=8000

這里將端口號配置為 8000。如果想使用其他端口號，只需要將 8000 改為想要使用的端口號即可。

方式二：使用 vue.config.js 文件

在項目根目錄下新建一個 vue.config.js 文件（如果已有該文件，則直接修改即可），然后在該文件中加入如下配置即可。

module.exports = {
devServer: {
port: 8000
}
}

這里同樣將端口號配置為 8000。如果想使用其他端口號，只需要將 8000 改為想要使用的端口號即可。

除了修改端口號外，vue.config.js 文件還可以用來配置其他內容。更詳細的內容可以查看 Vue CLI 官網的文檔。

總結

Vue CLI 提供了兩種修改端口號的方式。一種是使用 .env 文件，另一種是使用 vue.config.js 文件。使用 .env 文件比較簡單，只需要在該文件中配置 PORT 環境變量即可。使用 vue.config.js 文件相對較復雜，需要在該文件中加入相應配置。無論是哪種方式，只要重啟項目，修改的端口號就會生效。