URL input path and file name directly open the corresponding file in vscode
Note: You need to have vscode installed and add it to your path.
// vite.config.js
import openInVscode from 'vite-plugin-openinvscode'
export default {
plugins: [
openInVscode()
]
}
After run npm run dev
, type URL path like http://localhost:3000/__open-in-editor?file=xxxxx
,
Please use this plugin with my modified react devtools or other tools.
The principle of my react devtools is to send an Ajax request to the middleware, and then open the corresponding file, you can use similar tools or implement your own awesome tools🚀🚀🚀