Digital Dreamer
Writing /
Read on dev.to

Change your Sveltekit (or any vite-powered) dev server localhost port

My dev server runs on 5173 by default. Let's say I wanted to change it to 5199. Here's how to do it in your vite.config.js.

Change your Sveltekit (or any vite-powered) dev server localhost port

My dev server runs on 5173 by default. Let's say I wanted to change it to 5199:

javascript
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [sveltekit()],
  server: {
    port: 5199,
    strictPort: false,
  }
});

By setting server.port, you can specify the port you want. If you set strictPort: true, Vite will exit if the port is already in use instead of trying the next available port.

Happy Hacking!