devtools

devtools copied to clipboard

Hello

What problem does this feature solve?

I use vite + vue 3. And use monorepo. Every project have yourself host and port. And i integrated vite + php with manifest file https://vitejs.dev/guide/backend-integration.html And setting every project, and install extension every project is hard.

What does the proposed API look like?

popular ide supported open file from url, found info from this (https://github.com/vuejs/devtools/issues/598)

` "sublime" => "subl://open?url=file://%file&line=%line",

"textmate" => "txmt://open?url=file://%file&line=%line",

"emacs" => "emacs://open?url=file://%file&line=%line",

"macvim" => "mvim://open/?url=file://%file&line=%line",

"phpstorm" => "phpstorm://open?file=%file&line=%line",

"idea" => "idea://open?file=%file&line=%line",

"vscode" => "vscode://file/%file:%line", `

and i am proposing add option for vue extension, for change url like this.

url = vscode://file{{filePath}}

Or some people want to different server for open file, and they can change host and segment, port

localhost:123123/openInEditor/file{{filePath}}

option like example, but for one attribute, "url", example from (https://chrome.google.com/webstore/detail/adblock-%E2%80%94-best-ad-blocker/gighmmpiobklfepjocnamgkkbiglidom?hl=en-US)

You mean this?

You mean this? I can use it, but, i should create different server for handle it. If i use it, it does not change first static segment.

if i change to vscode

window.VUE_DEVTOOLS_CONFIG = { openInEditorHost: 'vscode://' }

this does not work. Because that url does not work

'vscode://__open-in-editor?file={file}

but option like this, should be better, just one config, without creating different handler (server), i think.

window.VUE_DEVTOOLS_CONFIG = { openInEditorHost: 'vscode://file{{filePath}}' }

But i can use it, this enough for me. Thanks.

I think this useful, you don't need to install this extension, https://github.com/yyx990803/launch-editor#middleware and don't need create different handler(server). If setting will be implement in extension setting, don't need to add setting on frontend.

And it will be useful in some case, if i clone vue repo and run dev, and i don't need add different setting, because in extension will be right setting. And i quickly open in editor from debug extension.

Perhaps in the future it can be implemented, just as an idea.

host://?path={{filePath}}&line={{line}}&column={{column}}