GitHub 코드를 VSCode로 보는 방법

github1s 사용 

웹에서 GitHub 레포지토리 코드를 바로 보고 싶을 때 github1s 서비스를 이용해서 웹 기반 VSCode로 볼 수 있다.

github1s를 사용하려면 github 도메인 뒤에 1s를 붙여서 github1s.com/... 주소로 이동해야 한다.

 

보통은 즐겨찾기에 아래의 스크립트를 추가해 두고 사용하면 편리하다

javascript: window.location.href = window.location.href.replace(/github(1s)?.com/, function(match, p1) { return p1 ? 'github.com' : 'github1s.com' })

 

 

github.dev 사용

Github에서 공식으로 제공하는 github.dev라는 서비스를 사용하면 github1s와 유사하지만 코드를 직접 수정하여 커밋을 할수 있는 장점이 있다. 

 

github.dev를 사용하려면  github.com/user/repo 주소의 최상위 도메인 .com을 .dev로 변경하면 된다. 혹은 github1s 처럼 즐겨찾기에 추가해 두고 사용할 수도 있다. 

javascript: window.location.href = location.href.replace(/.com/, '.dev')