babel-plugin-open-source

Alt + Click on rendered JSX to open it's source code in VSCode

 

install

yarn add babel-plugin-open-source --dev

 

usage

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
    ]
}

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

 

like it?

:star: this repo

 

license

MIT © siddharthkp