From 1cc2e2d2d5db55fd54f4e0cc8f3dbc1176706ea6 Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Thu, 12 May 2022 16:47:04 +0200
Subject: [PATCH] feat!: vite dev default port is now 5173 (#8148)

---
 docs/config/index.md                                   | 4 ++--
 docs/guide/api-plugin.md                               | 2 +-
 docs/guide/backend-integration.md                      | 6 +++---
 docs/guide/ssr.md                                      | 2 +-
 packages/vite/src/node/server/index.ts                 | 2 +-
 packages/vite/src/node/server/middlewares/indexHtml.ts | 6 +++---
 playground/cli-module/__tests__/serve.ts               | 2 +-
 playground/cli/__tests__/serve.ts                      | 4 ++--
 playground/json/server.js                              | 4 ++--
 playground/optimize-missing-deps/server.js             | 4 ++--
 playground/ssr-deps/server.js                          | 4 ++--
 playground/ssr-html/server.js                          | 4 ++--
 playground/ssr-pug/server.js                           | 4 ++--
 playground/ssr-react/server.js                         | 4 ++--
 playground/ssr-vue/server.js                           | 4 ++--
 playground/ssr-webworker/worker.js                     | 4 ++--
 16 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/docs/config/index.md b/docs/config/index.md
index 212e0439d..1c61f2bef 100644
--- a/docs/config/index.md
+++ b/docs/config/index.md
@@ -477,7 +477,7 @@ export default defineConfig(({ command, mode }) => {
 ### server.port
 
 - **Type:** `number`
-- **Default:** `3000`
+- **Default:** `5173`
 
   Specify server port. Note if the port is already being used, Vite will automatically try the next available port so this may not be the actual port the server ends up listening on.
 
@@ -551,7 +551,7 @@ export default defineConfig(({ command, mode }) => {
         },
         // Proxying websockets or socket.io
         '/socket.io': {
-          target: 'ws://localhost:3000',
+          target: 'ws://localhost:5173',
           ws: true
         }
       }
diff --git a/docs/guide/api-plugin.md b/docs/guide/api-plugin.md
index 76b9984a0..735a30d32 100644
--- a/docs/guide/api-plugin.md
+++ b/docs/guide/api-plugin.md
@@ -11,7 +11,7 @@ Vite strives to offer established patterns out of the box, so before creating a
 When creating a plugin, you can inline it in your `vite.config.js`. There is no need to create a new package for it. Once you see that a plugin was useful in your projects, consider sharing it to help others [in the ecosystem](https://chat.vitejs.dev).
 
 ::: tip
-When learning, debugging, or authoring plugins we suggest including [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) in your project. It allows you to inspect the intermediate state of Vite plugins. After installing, you can visit `localhost:3000/__inspect/` to inspect the modules and transformation stack of your project. Check out install instructions in the [vite-plugin-inspect docs](https://github.com/antfu/vite-plugin-inspect).
+When learning, debugging, or authoring plugins we suggest including [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) in your project. It allows you to inspect the intermediate state of Vite plugins. After installing, you can visit `localhost:5173/__inspect/` to inspect the modules and transformation stack of your project. Check out install instructions in the [vite-plugin-inspect docs](https://github.com/antfu/vite-plugin-inspect).
 ![vite-plugin-inspect](/images/vite-plugin-inspect.png)
 :::
 
diff --git a/docs/guide/backend-integration.md b/docs/guide/backend-integration.md
index 17387bb78..06f2941c1 100644
--- a/docs/guide/backend-integration.md
+++ b/docs/guide/backend-integration.md
@@ -29,11 +29,11 @@ If you need a custom integration, you can follow the steps in this guide to conf
    import 'vite/modulepreload-polyfill'
    ```
 
-2. For development, inject the following in your server's HTML template (substitute `http://localhost:3000` with the local URL Vite is running at):
+2. For development, inject the following in your server's HTML template (substitute `http://localhost:5173` with the local URL Vite is running at):
 
    ```html
    <!-- if development -->
-   <script type="module" src="http://localhost:3000/main.js"></script>
+   <script type="module" src="http://localhost:5173/main.js"></script>
    ```
 
    In order to properly serve assets, you have two options:
@@ -47,7 +47,7 @@ If you need a custom integration, you can follow the steps in this guide to conf
 
    ```html
    <script type="module">
-     import RefreshRuntime from 'http://localhost:3000/@react-refresh'
+     import RefreshRuntime from 'http://localhost:5173/@react-refresh'
      RefreshRuntime.injectIntoGlobalHook(window)
      window.$RefreshReg$ = () => {}
      window.$RefreshSig$ = () => (type) => type
diff --git a/docs/guide/ssr.md b/docs/guide/ssr.md
index 1abd4874b..319b46102 100644
--- a/docs/guide/ssr.md
+++ b/docs/guide/ssr.md
@@ -89,7 +89,7 @@ async function createServer() {
     // serve index.html - we will tackle this next
   })
 
-  app.listen(3000)
+  app.listen(5173)
 }
 
 createServer()
diff --git a/packages/vite/src/node/server/index.ts b/packages/vite/src/node/server/index.ts
index caea284bb..b7e05c295 100644
--- a/packages/vite/src/node/server/index.ts
+++ b/packages/vite/src/node/server/index.ts
@@ -571,7 +571,7 @@ async function startServer(
   }
 
   const options = server.config.server
-  const port = inlinePort ?? options.port ?? 3000
+  const port = inlinePort ?? options.port ?? 5173
   const hostname = resolveHostname(options.host)
 
   const protocol = options.https ? 'https' : 'http'
diff --git a/packages/vite/src/node/server/middlewares/indexHtml.ts b/packages/vite/src/node/server/middlewares/indexHtml.ts
index 80afe7f79..76b190bfa 100644
--- a/packages/vite/src/node/server/middlewares/indexHtml.ts
+++ b/packages/vite/src/node/server/middlewares/indexHtml.ts
@@ -92,10 +92,10 @@ const processNodeUrl = (
     originalUrl !== '/' &&
     htmlPath === '/index.html'
   ) {
-    // #3230 if some request url (localhost:3000/a/b) return to fallback html, the relative assets
+    // #3230 if some request url (localhost:5173/a/b) return to fallback html, the relative assets
     // path will add `/a/` prefix, it will caused 404.
-    // rewrite before `./index.js` -> `localhost:3000/a/index.js`.
-    // rewrite after `../index.js` -> `localhost:3000/index.js`.
+    // rewrite before `./index.js` -> `localhost:5173/a/index.js`.
+    // rewrite after `../index.js` -> `localhost:5173/index.js`.
     s.overwrite(
       node.value!.loc.start.offset,
       node.value!.loc.end.offset,
diff --git a/playground/cli-module/__tests__/serve.ts b/playground/cli-module/__tests__/serve.ts
index 87d036600..5d4014930 100644
--- a/playground/cli-module/__tests__/serve.ts
+++ b/playground/cli-module/__tests__/serve.ts
@@ -94,7 +94,7 @@ export async function serve() {
   }
 
   try {
-    await startedOnPort(serverProcess, port, 3000)
+    await startedOnPort(serverProcess, port, 5173)
     return { close }
   } catch (e) {
     collectErrorStreams('server', e)
diff --git a/playground/cli/__tests__/serve.ts b/playground/cli/__tests__/serve.ts
index 6f80726e3..6dbc05708 100644
--- a/playground/cli/__tests__/serve.ts
+++ b/playground/cli/__tests__/serve.ts
@@ -79,7 +79,7 @@ export async function serve() {
       const timeoutError = `server process still alive after 3s`
       try {
         await killProcess(serverProcess)
-        await resolvedOrTimeout(serverProcess, 3000, timeoutError)
+        await resolvedOrTimeout(serverProcess, 5173, timeoutError)
       } catch (e) {
         if (e === timeoutError || (!serverProcess.killed && !isWindows)) {
           collectErrorStreams('server', e)
@@ -94,7 +94,7 @@ export async function serve() {
   }
 
   try {
-    await startedOnPort(serverProcess, port, 3000)
+    await startedOnPort(serverProcess, port, 5173)
     return { close }
   } catch (e) {
     collectErrorStreams('server', e)
diff --git a/playground/json/server.js b/playground/json/server.js
index d7803b94f..6d9007dcd 100644
--- a/playground/json/server.js
+++ b/playground/json/server.js
@@ -78,8 +78,8 @@ async function createServer(
 
 if (!isTest) {
   createServer().then(({ app }) =>
-    app.listen(3000, () => {
-      console.log('http://localhost:3000')
+    app.listen(5173, () => {
+      console.log('http://localhost:5173')
     })
   )
 }
diff --git a/playground/optimize-missing-deps/server.js b/playground/optimize-missing-deps/server.js
index 65675fe0f..03a6b4d4e 100644
--- a/playground/optimize-missing-deps/server.js
+++ b/playground/optimize-missing-deps/server.js
@@ -51,8 +51,8 @@ async function createServer(root = process.cwd()) {
 
 if (!isTest) {
   createServer().then(({ app }) =>
-    app.listen(3000, () => {
-      console.log('http://localhost:3000')
+    app.listen(5173, () => {
+      console.log('http://localhost:5173')
     })
   )
 }
diff --git a/playground/ssr-deps/server.js b/playground/ssr-deps/server.js
index 89a64ae51..8ab5186e9 100644
--- a/playground/ssr-deps/server.js
+++ b/playground/ssr-deps/server.js
@@ -58,8 +58,8 @@ async function createServer(
 
 if (!isTest) {
   createServer().then(({ app }) =>
-    app.listen(3000, () => {
-      console.log('http://localhost:3000')
+    app.listen(5173, () => {
+      console.log('http://localhost:5173')
     })
   )
 }
diff --git a/playground/ssr-html/server.js b/playground/ssr-html/server.js
index 1f2cd5331..a8557e2b7 100644
--- a/playground/ssr-html/server.js
+++ b/playground/ssr-html/server.js
@@ -88,8 +88,8 @@ async function createServer(
 
 if (!isTest) {
   createServer().then(({ app }) =>
-    app.listen(3000, () => {
-      console.log('http://localhost:3000')
+    app.listen(5173, () => {
+      console.log('http://localhost:5173')
     })
   )
 }
diff --git a/playground/ssr-pug/server.js b/playground/ssr-pug/server.js
index 3cea5c48d..f9753ce49 100644
--- a/playground/ssr-pug/server.js
+++ b/playground/ssr-pug/server.js
@@ -66,8 +66,8 @@ async function createServer(
 
 if (!isTest) {
   createServer().then(({ app }) =>
-    app.listen(3000, () => {
-      console.log('http://localhost:3000')
+    app.listen(5173, () => {
+      console.log('http://localhost:5173')
     })
   )
 }
diff --git a/playground/ssr-react/server.js b/playground/ssr-react/server.js
index bac272a95..e9605f80e 100644
--- a/playground/ssr-react/server.js
+++ b/playground/ssr-react/server.js
@@ -87,8 +87,8 @@ async function createServer(
 
 if (!isTest) {
   createServer().then(({ app }) =>
-    app.listen(3000, () => {
-      console.log('http://localhost:3000')
+    app.listen(5173, () => {
+      console.log('http://localhost:5173')
     })
   )
 }
diff --git a/playground/ssr-vue/server.js b/playground/ssr-vue/server.js
index c98d2984f..d23aaf62f 100644
--- a/playground/ssr-vue/server.js
+++ b/playground/ssr-vue/server.js
@@ -86,8 +86,8 @@ async function createServer(
 
 if (!isTest) {
   createServer().then(({ app }) =>
-    app.listen(3000, () => {
-      console.log('http://localhost:3000')
+    app.listen(5173, () => {
+      console.log('http://localhost:5173')
     })
   )
 }
diff --git a/playground/ssr-webworker/worker.js b/playground/ssr-webworker/worker.js
index e9a51e320..baa4fe485 100644
--- a/playground/ssr-webworker/worker.js
+++ b/playground/ssr-webworker/worker.js
@@ -16,8 +16,8 @@ async function createServer() {
 
 if (!isTest) {
   createServer().then(({ app }) =>
-    app.listen(3000, () => {
-      console.log('http://localhost:3000')
+    app.listen(5173, () => {
+      console.log('http://localhost:5173')
     })
   )
 }