vuejs / devtools

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools.vuejs.org
MIT License
24.58k stars 4.14k forks source link

Add setting for change link (open in editor) #1924

Open wildwind123 opened 2 years ago

wildwind123 commented 2 years ago

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?

image info

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) image info

Akryum commented 2 years ago

You mean this?

wildwind123 commented 2 years ago

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.

wildwind123 commented 2 years ago

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