From 717c5b185a1c2fa9e067f64cc849a717fdc27036 Mon Sep 17 00:00:00 2001
From: Percy <kecrily@gmail.com>
Date: Wed, 9 Mar 2022 18:40:20 +0800
Subject: [PATCH] docs(install): add 3rd tab for using `pnpm` (#3559)

---
 .../1.getting-started/2.installation.md       | 30 +++++++++++++++----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/docs/content/1.getting-started/2.installation.md b/docs/content/1.getting-started/2.installation.md
index d4771bb05c..3e02ca6b5f 100644
--- a/docs/content/1.getting-started/2.installation.md
+++ b/docs/content/1.getting-started/2.installation.md
@@ -18,10 +18,22 @@ You can start playing with Nuxt 3 in your browser using our online sandboxes:
 
 Open a terminal, or from [Visual Studio Code](https://code.visualstudio.com/), open an [integrated terminal](https://code.visualstudio.com/docs/editor/integrated-terminal) and use the following command to create a new starter project:
 
-```bash
+::code-group
+
+```bash [npx]
 npx nuxi init nuxt3-app
 ```
 
+```bash [yarn2]
+yarn dlx nuxi init nuxt3-app
+```
+
+```bash [pnpm]
+pnpm dlx nuxi init nuxt3-app
+```
+
+::
+
 Open `nuxt3-app` folder in visual studio code:
 
 ```bash
@@ -32,14 +44,18 @@ Install the dependencies:
 
 ::code-group
 
-```bash [Yarn]
+```bash [yarn]
 yarn install
 ```
 
-```bash [NPM]
+```bash [npm]
 npm install
 ```
 
+```bash [pnpm]
+pnpm install --shamefully-hoist
+```
+
 ::
 
 ## Development server
@@ -48,14 +64,18 @@ Now you'll be able to use `yarn dev` to start your nuxt app in development mode:
 
 ::code-group
 
-```bash [Yarn]
+```bash [yarn]
 yarn dev -o
 ```
 
-```bash [NPM]
+```bash [npm]
 npm run dev -- -o
 ```
 
+```bash [pnpm]
+pnpm run dev -- -o
+```
+
 ::
 
 ::alert{type=success icon=✨ .font-bold}