VScode liveshare 사용법

VS를 사용하여 협업할 때 아주 유용한 기능을 하나 발견했다.

liveshare라는 것인데 설치방법은 다른 VS 확장프로그램과 다르지 않다.

1. 환경설정

하지만 초기 환경설정 방법이 조금 복잡해 여기 기록해둔다.

liveshare 초기 환경설정

https://hwanine.github.io/vs%20code/VScode-liveshare/

정리하자면..

1. liveshare를 설치한다.

2. Github와 연동 로그인을 진행한다.

3. Shared 상태를 확인한 후 팝업된 url을 복사한다.

4. 복사된 url을 사용하여 타인도 자신의 코드창에 접근할 수 있다.

5. figma처럼 실시간으로 코드를 공동 작업할 수 있다.

이후 LiveServer처럼 실시간으로 브라우저에서 작업을 확인할 수도 있으나

index.html를 메인으로 접속해야 모든 작업 환경을 전체적으로 조망할 수 있다.

예를 들어 host가 footer.html을 메인으로 열어두면

header.html을 작업하고 있는 사람은 LiveServer 기능을 이용할 수 없으니 주의하자!

타인의 링크를 클릭하면 위와 같은 창이 뜬다.

2. 주의사항

• host가 컴퓨터를 꺼버리면 다른 사람의 작업이 실시간으로 연동되지 않는다.

• LiveServer처럼 이용하려면 host는 index.html을 메인으로 열어두어야 한다.

• 파일이나 폴더를 지우면 정말로 실시간으로 지워지니 매우 주의!