docs: include outline and code-group (#14082)

.vitepress/config.ts

@@ -164,6 +164,10 @@ export default defineConfig({
                 text: 'Changelog',
                 link: 'https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md',
               },
+              {
+                text: 'Contributing',
+                link: 'https://github.com/vitejs/vite/blob/main/CONTRIBUTING.md',
+              },
             ],
           },
         ],

guide/assets.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # Static Asset Handling
 
 - Related: [Public Base Path](./build#public-base-path)

guide/cli.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # Command Line Interface
 
 ## Dev server

guide/dep-pre-bundling.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # Dependency Pre-Bundling
 
 When you run `vite` for the first time, Vite prebundles your project dependencies before loading your site locally. It is done automatically and transparently by default.

guide/index.md

@@ -45,24 +45,22 @@ The supported template presets are:
 Vite requires [Node.js](https://nodejs.org/en/) version 14.18+, 16+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.
 :::
 
-With NPM:
+::: code-group
 
-```bash
+```bash [NPM]
 $ npm create vite@latest
 ```
 
-With Yarn:
-
-```bash
+```bash [Yarn]
 $ yarn create vite
 ```
 
-With PNPM:
-
-```bash
+```bash [PNPM]
 $ pnpm create vite
 ```
 
+:::
+
 Then follow the prompts!
 
 You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + Vue project, run:

guide/why.md

@@ -1,3 +1,7 @@
+---
+outline: [2, 3]
+---
+
 # Why Vite
 
 ## The Problems