From a8fa9cc704bb9a697975e95179dfe21ab4e1d8de Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Tue, 28 Feb 2023 06:58:59 +0100
Subject: [PATCH] chore: config codeflow and add to docs (#12222)

---
 .stackblitz/codeflow.json | 7 +++++++
 CONTRIBUTING.md           | 6 +++++-
 README.md                 | 1 +
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 .stackblitz/codeflow.json

diff --git a/.stackblitz/codeflow.json b/.stackblitz/codeflow.json
new file mode 100644
index 00000000000000..c5f5ed215fc4dc
--- /dev/null
+++ b/.stackblitz/codeflow.json
@@ -0,0 +1,7 @@
+{
+  "pnpm": {
+    "overrides": {
+      "vite": "./packages/vite"
+    }
+  }
+}
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b22158a4b11b05..7c8e2efaf021e2 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -2,9 +2,13 @@
 
 Hi! We're really excited that you're interested in contributing to Vite! Before submitting your contribution, please read through the following guide.
 
+You can use [StackBlitz Codeflow](https://stackblitz.com/codeflow) to fix bugs or implement features. You'll see a Codeflow button on issues to start a PR to fix them. A button will also appear on PRs to review them without needing to check out the branch locally. When using Codeflow, the Vite repository will be cloned for you in an online editor, with the Vite package built in watch mode ready to test your changes. If you'd like to learn more, check out the [Codeflow docs](https://developer.stackblitz.com/codeflow/what-is-codeflow).
+
+[![Open in Codeflow](https://developer.stackblitz.com/img/open_in_codeflow.svg)](https://pr.new/vitejs/vite)
+
 ## Repo Setup
 
-The Vite repo is a monorepo using pnpm workspaces. The package manager used to install and link dependencies must be [pnpm](https://pnpm.io/).
+To develop locally, fork the Vite repository and clone it in your local machine. The Vite repo is a monorepo using pnpm workspaces. The package manager used to install and link dependencies must be [pnpm](https://pnpm.io/).
 
 To develop and test the core `vite` package:
 
diff --git a/README.md b/README.md
index db901f4af44917..71b5cd081bed78 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,7 @@
   <a href="https://npmjs.com/package/vite"><img src="https://img.shields.io/npm/v/vite.svg" alt="npm package"></a>
   <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a>
   <a href="https://github.com/vitejs/vite/actions/workflows/ci.yml"><img src="https://github.com/vitejs/vite/actions/workflows/ci.yml/badge.svg?branch=main" alt="build status"></a>
+  <a href="https://pr.new/vitejs/vite"><img src="https://developer.stackblitz.com/img/start_pr_dark_small.svg" alt="Start new PR in StackBlitz Codeflow"></a>
   <a href="https://chat.vitejs.dev"><img src="https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord" alt="discord chat"></a>
 </p>
 <br/>