Alt + Click on rendered JSX to open it's source code in VSCode
yarn add babel-plugin-open-source --dev
Add the plugin to your babel config.
// .babelrc
{
"plugins": [
"babel-plugin-open-source",
{ editor:"vscode" } // optional, default: "vscode". options: vscode | vscode-insiders | sublime | atom | phpstorm | github
]
}
If folks in your team use different editors, you can customise the editor just for you by adding the key BABEL_OPEN_SOURCE_EDITOR
in your .env
file.
Docs for changing babel config: Nextjs | create react app
⭐ this repo
MIT © siddharthkp