Why does port change when dev-server vue-cli starts?

Question

JavaScript

I create a clean vue-cli project (the latest version).
Everything is default, I do not change any settings. I run it through "npm run serve" - ​​in the console I see a standard entry with host addresses and specific ports. Screenshot below:



When you follow the link, the port magically increases by 1.



I tried to overwrite the value via vue.config -> devServer -> port to an arbitrary one (for example, 3000). Result = arbitrary port +1 (3001).

I don't understand what's the matter.
I work in ubuntu subsystem (wsl).

Answer 1

in the .env file add PORT=8083
and you will be happy, and if it changes, it means the port is busy and the server is looking for a free port