본문 바로가기

기타_비주제학습

[VSCode] Visual Studio Code로 github open source 가져오기

github opensource를 다운로드 받아서 파일을 하나하나 옮기는것도 방법이 되겠지만, 우리의 시간은 소중하니까, 조금 더 편하게 오픈소스를 받는 방법을 정리하고 있어요.

 

출근준비를 해야하는 관계로, 간단하게 정리하면, 일곱단계 쯤 되겠네요. vscode의 설치 및 github 관련 extension 설치는 되었다는 가정하에.. 

 

 

Visual Studio Code Extension 설치

제일 신경쓰고 싶지 않은, 간단한 처리는 가급적 vscode extension을 이용하는게 편리하다. 설치 후에 어떻게 쓰는지 몰라서 하나하나 찾아보면서 그대로, 쓰면서 그래도 체감하기에 좋았던 것들만

jaehyunshin.tistory.com

 

1. visual studio code 실행

2. 소스를 가져올 경로 만들기 

3. 가져오고 싶은 소스페이지에서 'fork', 'star' 눌러주기

4. 소스주소 복사

5. vscode의 터미널에서 소스를 가져올 경로로 이동

6. 복제

7. 확인

 

요즈음 bootstrap version 5 관련해 조금씩 보고 있습니다. 그래서 mdbootstrap / mdb-ui-kit을 불러올거에요. 

 

https://github.com/mdbootstrap/mdb-ui-kit/?utm_source=461480655ccce528d909d3f42&utm_medium=971480655cggg528dfddsafew546d3f42

github.com/mdbootstrap/mdb-ui-kit/?utm_source=461480655ccce528d909d3f42&utm_medium=971480655cggg528dfddsafew546d3f42

 

mdbootstrap/mdb-ui-kit

Bootstrap 5 & Material Design 2.0 UI KIT. Contribute to mdbootstrap/mdb-ui-kit development by creating an account on GitHub.

github.com

 

1. visual studio code 실행

 

2. 소스를 가져올 경로 만들기 

 

'personal\bootstrap5'

 

3. 가져오고 싶은 소스페이지에서 'fork', 'star' 도 눌러줍니다.

클릭하면 내 프로젝트로 소스코드를 복제와요. 

 

4. 소스주소 복사

내 프로젝트로 이동, 코드를 복사해줍니다. 

code 단추를 누르면 위의 클립보드 이미지가 나타나요. 한번 눌러줍니다. 

 

5. vscode의 터미널에서 소스를 가져올 경로로 이동

상위경로에 있었다면, 해당 경로로 옮겨갈 명령을 입력해주세요. 

cd personal\bootstrap5

 

6. 복제

이제 이 폴더 안에 프로젝트를 복사하도록 천천히 눌러줍니다. 'git clone' 그리고 복사한 주소 붙여넣기.

git clone https://github.com/shinjaehyun20/mdb-ui-kit.git

 

7. 확인

 

지정한 경로에 잘 들어왔네요. 
소스코드도 무리없이 잘 받아진것 같죠. 

끝!