vscode-edge-devtools icon indicating copy to clipboard operation
vscode-edge-devtools copied to clipboard

Published 20 hours ago • verified publisher icon microsoft

Support for DevTools extensions like React and Vue in vscode-edge-devtools?

Open mengxiangyue opened this issue 2 years ago • 19 comments

I want to use React devtools in vscode together with vscode-edge-devtools, but i don't find the way, could you help give some suggestions, thanks.

mengxiangyue avatar May 18 '22 18:05 mengxiangyue

Right now there is no way to use extensions within the extension. We're looking into ways to make that happen and would love to know what exactly you use from the React DevTools that we could add to ours. We're already supporting sourcemapped files as you can see in Issue 965. Could you give that a go?

codepo8 avatar May 18 '22 19:05 codepo8

@codepo8 thanks your response, I want to use the React devtools Components panel function like this, hope I can use this in edge extension soon. image

mengxiangyue avatar May 19 '22 01:05 mengxiangyue

Having your React component tree directly within VS Code would, indeed, be pretty cool! @codepo8 already mentioned that the team is looking into ways to make this happen. But another way would be for the Elements panel of DevTools to do this natively too.

Chris, if this is already tracked elsewhere, should we close this issue as a duplicate?

captainbrosset avatar May 20 '22 09:05 captainbrosset

I have the same question for Vuejs dev tools. There are many features in Vue DevTools that just can't be found in vscode-edge-devtools (not only the component tree but also vuex and pinia stores, routing, i18n, ...). So the ability to add extension to vscode-edge-devtools is a must have.

TechWatching avatar Nov 24 '22 13:11 TechWatching

@TechWatching we hear you, and will put that on the backlog.

codepo8 avatar Nov 24 '22 19:11 codepo8

I would like to add my +1 for vuejs dev tooling support

stephanjohnson avatar Nov 25 '22 06:11 stephanjohnson

+1

mabuelhagag avatar Dec 07 '22 19:12 mabuelhagag

vue +1

eachann1024 avatar Dec 30 '22 06:12 eachann1024

react dev tool +1

r1zwan-alam avatar Mar 21 '23 15:03 r1zwan-alam

React devtools +1

gaievskyi avatar Mar 21 '23 20:03 gaievskyi

+1 for react devtools

dutchigor avatar Apr 06 '23 02:04 dutchigor

+1 for react dev tools

vapouryh avatar Sep 30 '23 17:09 vapouryh

+1 for react dev tools

v-v-belikov avatar Oct 20 '23 20:10 v-v-belikov

Any news?

What about using userDataDir with the current user profile? I tried and it didn't help

eladcandroid avatar Oct 31 '23 10:10 eladcandroid

Sorry, we don't have any news to share on this right now. Competing priorities mean that this particular issue isn't currently at the top of our list. We'll make sure to update this thread if anything changes.

captainbrosset avatar Oct 31 '23 10:10 captainbrosset

Yes please this would be awesome :(

Can't you just attach to a standard install of edge browser with your user profile? :O

lopugit avatar Jun 24 '24 23:06 lopugit

I don't think finding the profile and launching the instance of Edge based on it is the challenge here. I think embedding a DevTools extension's panel into VSCode is what needs to be solved.

captainbrosset avatar Jun 25 '24 12:06 captainbrosset

+1 for react dev tools

ivbrajkovic avatar Jun 29 '24 07:06 ivbrajkovic