Visual Studio Code (VSCode) 에서 SVN 사용하기 (Checkout 까지)

1. VSCode 상단 메뉴에서 

View > Extensions

혹은

왼쪽 탭의 제일 아래 그림

혹은 

Ctrl + Shift + X

를 눌러 Extensions 창에 들어갑니다.

 

 

2. Extensions 에 svn 을 검색하시고 나오는 결과 중

Chris Johnston 이라고 써 있는 탭을 클릭하신 후

Install 을 해 줍니다.

 

 

 

3. 설치를 하면 오른쪽 아래에 

이런 알림 창이 뜰 텐데 (안 뜰 수도 있습니다.)

Download SVN 을 눌러 따로 설치를 해줘야 합니다.

 

버튼을 누르면

 

이런 알림창이 뜰 텐데 Open Link 를 클릭합니다.

 그리고 아래쪽으로 쭉 내리시면

 

이렇게 Windows 탭에 TirtoiseSVN 이라는 링크가 있는데

클릭해서 들어가셔서

 

이곳에 있는 버전 중 자신의 컴퓨터의 bit 와 원하시는 버전을 받으시면 됩니다.

저는

64bit 의 최신버전인 1.13.1 버전을 받았습니다.

 

클릭을 하시면

 

이런 페이지가 뜨면서 잠시 후 파일 다운로드 팝업이 뜨고 설치파일을 다운로드 해주시면 됩니다.

 

혹시 저런 알림창이 뜨지 않았거나 떴는데 놓치신 분들은

https://tortoisesvn.net/downloads.html

Downloads · TortoiseSVN

여기서 받으시거나 혹은

https://www.visualsvn.com/visualsvn/download/tortoisesvn/

VisualSVN | Download TortoiseSVN

여기서 받으시면 됩니다.

 

받은 파일을 설치해 주시는데

 

이 부분에서

여기의 command line client tools 라고 되어있는 부분을 클릭하신 후

이렇게 Will be installed on local hard drive 를 선택해 주신 후

Next 를 눌러 주시면 됩니다.

다른 부분은 그냥 다 Next 를 누르시면 됩니다.

 

설치가 다 되셨으면

Visual Studio Code 의 설정을 바꿔주어야 하는데요

C:\Users\[자신의 컴퓨터 이름]\AppData\Local\Programs\Microsoft VS Code\resources\app

폴더에 들어가시면

이 product.json 이라는 파일이 있는데 

이 파일을 메모장이나 다른 텍스트 에디터로 여신 후

extensionAllowdProposedApi 라고 되어있는 부분 맨 아래에

 

이렇게 맨 뒤에 ,(comma)를 찍어주신후

"johnstoncode.svn-scm"

이라는 한 줄을 추가해주시면 됩니다.(쌍따옴표 붙여주셔야 됩니다.)

 

그리고 저장하고 Visual Studio Code 를 껐다 시킨 후

 

Ctrl+Shift + p 를 누르시면 나오는 실행창에

SVN:Checkout

를 입력하신 후

엔터키를 입력하시고

 

본인이 사용할 svn 주소를 입력하시고

엔터를 입력하시면

 

폴더 선택창이 나오는데 자신이 원하는 폴더를 선택하시고 

Select Repository Location 를 누르신 후

폴더 이름을 선택하시고 엔터

 

SVN 유저 이름을 입력하신 후 엔터

 

마지막으로 비밀번호까지 입력하시고 엔터를 입력하시면

 

SVN 에서 Checkout 받아서 연동하는 부분이 완료됩니다.