docs: improve additional command line options by code-group (vitejs#17745)

Author: thinkasany

docs/guide/index.md

@@ -71,20 +71,27 @@ 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:
 
-```bash
+::: code-group
+
+```bash [NPM]
 # npm 7+, extra double-dash is needed:
-npm create vite@latest my-vue-app -- --template vue
+$ npm create vite@latest my-vue-app -- --template vue
+```
 
-# yarn
-yarn create vite my-vue-app --template vue
+```bash [Yarn]
+$ yarn create vite my-vue-app --template vue
+```
 
-# pnpm
-pnpm create vite my-vue-app --template vue
+```bash [PNPM]
+$ pnpm create vite my-vue-app --template vue
+```
 
-# bun
-bun create vite my-vue-app --template vue
+```bash [Bun]
+$ bun create vite my-vue-app --template vue
 ```
 
+:::
+
 See [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite) for more details on each supported template: `vanilla`, `vanilla-ts`, `vue`, `vue-ts`, `react`, `react-ts`, `react-swc`, `react-swc-ts`, `preact`, `preact-ts`, `lit`, `lit-ts`, `svelte`, `svelte-ts`, `solid`, `solid-ts`, `qwik`, `qwik-ts`.
 
 You can use `.` for the project name to scaffold in the current directory.