# MS, VS Code용 웹 개발자 도구 확장 공개

> Clean Markdown view of GeekNews topic #2953. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2953](https://news.hada.io/topic?id=2953)
- GeekNews Markdown: [https://news.hada.io/topic/2953.md](https://news.hada.io/topic/2953.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-10-03T12:32:30+09:00
- Updated: 2020-10-03T12:32:30+09:00
- Original source: [blogs.windows.com](https://blogs.windows.com/msedgedev/2020/10/01/microsoft-edge-tools-vscode/)
- Points: 6
- Comments: 1

## Topic Body

VS Code 에서 Edge 브라우저의 개발자 도구를 사용하게 해주는 확장

→ 개발자 도구의 Elements / Network 탭을 에디터 안에서 바로 사용 가능

→ Elements 에서 클릭시 해당 소스코드로 바로 이동

→ Edge를 헤드리스 모드로 실행하고 Screencast 기능으로 VS Code 내부에서 브라우저 화면을 보면서 디버깅

## Comments



### Comment 3046

- Author: xguru
- Created: 2020-10-03T12:32:37+09:00
- Points: 1

브라우저 왔다 갔다 할 필요없이 VS Code 만 띄우고 개발하라는 거네요.