From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Tue, 29 Jul 2025 08:47:45 +0000 (+0800)
Subject: docs: add browser setup instructions in the generated README [skip ci] (#791)
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=962167c27ef9a0563f812001b90c637bc693bd22;p=thirdparty%2Fvuejs%2Fcreate-vue.git

docs: add browser setup instructions in the generated README [skip ci] (#791)
---

diff --git a/utils/generateReadme.ts b/utils/generateReadme.ts
index f50b761b..c91f3570 100644
--- a/utils/generateReadme.ts
+++ b/utils/generateReadme.ts
@@ -30,6 +30,15 @@ This template should help get you started developing with Vue 3 in Vite.
 ## Recommended IDE Setup
 
 [VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Recommended Browser Setup
+
+- Chromium-based browsers (Chrome, Edge, Brave, etc.):
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) 
+  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
+- Firefox:
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
 ${needsTypeScript ? sfcTypeSupportDoc : ''}
 ## Customize configuration