[VS Code]Visual Studio Gitlab 연동

Gitlab 프로젝트 VS Code 연결 

• Gitlab 과  VS Code를 연동   하는 방법에 대해 설명 한다. 

GitLens, Git History  설치

• VS code 실행 후 마켓 플레이스 에서GitLens, Git History  를 설치한다. 

 

VSCode Git Clone 방법 

• F1 버튼을 눌러 git clone 선택합니다.
• Git url 주소를 입력한다. 
  • VS Code 레파지토리 URL 정보 입력 <- gitlab http url 입력 

• 복제할 로컬 디렉토리를 선택합니다. 
• 없을경우 신규 생성 합니다. 
• 작업영역을 추가하면 해당 폴더에 Gitlab 리소스가 로컬 Repository 에 다운로드 됩니다. 

 

VSCode 파일 변경 사항 커밋 

• 테스트를 위해 test.md 파일을 생성 합니다. 
• 파일에 간단한 내용을 작성합니다. 

 

• Source Control  항목에 들어가서 변경 사항에 대한 커밋 메시지를 작성한후 커밋 버튼을 클릭합니다. 

 

• 이후 변경 내용 동기화 버튼을 클릭 합니다. 
• 동기화 하지 않으면 Git 서버에 변경내용이 저장 되지 않습니다. 

• 정상 업로드가 되면 Gitlab 에 추가된 test.md 파일이 업로드 된것을 확인 할수 있습니다. 

 

VS Code MarkDown 확장 패키지 설치 

• Gitlab 에서 Mark down 문법으로 작성된 문서를 수정하고 또 편하게 보기 위해서는 몇가지 확장 패키를 설치 하면 유용합니다. 
  • Diagram and chart  를 보기위해 아래 패키지를 설치 합니다. 
  • Markdown Preview Mermaid Support

 

• 확장자를 추가하면 Gitlab 에서 지원하는 다양한 플로우 차트와 다이그램을 VS Code 에서 작성 하고 미리보기 를 통해 확인해볼수 있다.