How to change the default port in Vite?

[itsamritamalik-ctrl]

I am new to Vite. I want to run my project on a different port instead of the default port 5173.

How can I change the port number in Vite?

[AmritaMalik]

You can change the default port in Vite by updating the vite.config.js file.

Example:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
plugins: [react()],
server: {
port: 3000
}
})

After saving the file, restart the Vite server. Your app will run on port 3000.

[GabriellySantos00]

You can change the Vite port by editing the vite.config.js file.

Add the server option:

import { defineConfig } from 'vite'

export default defineConfig({
  server: {
    port: 3000
  }
})