Edge 다음 버전 부터 브라우저 내 개발 도구로 VSCode 사용 가능
(christianheilmann.com)"Open Source files in VS Code"
- 브라우저에서 프론트 엔드 코드 디버깅중 변경한 코드가 실제 저장 가능
ㅤ→ 로컬에서 작업 중일 경우 브라우저에서 자동 인식해서 루트 폴더를 선택하도록 하고, 하드 접근 권한을 요청
ㅤ→ 승인하면 DevTools 의 모든 링크가 브라우저의 Source 창 대신 VSCode에서 열리고 해당 파일 위치로 이동
ㅤ→ DevTools에서 수정한 내용이 VSCode에 바로 적용되고, VSCode에서 수정 후 저장하면 브라우저에도 싱크
- Settings-Experiments 에서 켜야 만 동작
근데 요즘에는 순수 HTML, CSS, JS 사용해서 개발하기 보다는 Typescript 쓰거나 SPA 개발을 많이해서 webpack 같은 툴을 통해서 빌드해야되는데 이 기능이 실제로 유용할까 싶은 의문이 있네요
아 요거는 약간 다른거 같아서 별도 기사로 올렸습니다!
- vscode.dev 공개 https://news.hada.io/topic?id=5235