깃 허브에서 코드를 편하게 볼수있는 방법을 두가지 소개드리려고 합니다.
1. Octotree
깃 허브의 코드를 편하게 볼 수 있도록 도와주는 툴입니다.
이는 크롬 브라우저 확장 프로그램으로써 제공되는 툴인데, 다른 브라우저에서도 제공되는지는 잘 모르겠습니다.
아래 링크에서 크롬 확장 프로그램에 추가해서 사용하시면 됩니다.
Octotree - GitHub code tree
GitHub on steroids
chrome.google.com
추가하신 후, 깃허브 저장소를 들어가게 되면 왼쪽에 octotree라는 버튼이 보입니다.
거기에 마우스를 갖다 대면, 아래와 같이 디렉토리 및 패키지 구조를 편하게 볼 수 있습니다.
2. web에서 visual studio code editor 사용하기
이는 따로 설치가 필요 없는 방법입니다.
(작성 후에 알았지만, 리포지토리에서 . 만 눌러도 vscode 기능이 실행됩니다!! 이 방법이 더 좋은 것 같습니다!)
깃 허브 주소는 보통 아래와 같이 구성되어 있습니다.
https://github.com/{유저 이름}/{리포지토리 이름}
여기서 com 만 dev로 바꿔주시면 아래와 같은 화면에서 코드를 확인할 수 있습니다.
https://github.dev/{유저 이름}/{리포지토리 이름}
댓글