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

diff --git a/utils/generateReadme.ts b/utils/generateReadme.ts
index f50b761b2482f34bf55151d4e015d4386838c2cb..c91f3570525e6e3e5d34402043d0823a62046349 100644 (file)
--- 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