Visual Studio Code 설치

#INSTALL #VisualStudioCode
Jan 13, 2024
Visual Studio Code 설치
 

🎈다운 받아서 설치하기

 
구글로 Visual Studio Code를 검색합니다.
notion image
 
Download를 클릭해주세요!
notion image
 
각 자의 OS 버전에 맞게 설치해주세요. 최신 버전은 1.85 입니다. (24/01/13 기준)
notion image
 
다운로드 폴더 안에 VSCode 다운로드 된 파일을 열어주세요!
notion image
 
특별한 내용없으니 계속 다음을 눌려주세요!
notion image
notion image
notion image
 
JAVA 설치할 때도 PATH설정 했던거 기억하시죠? 반드시 체크 되어있어야 일을 두번 하지 않아요 😊
notion image
 
마지막 설치 버튼 누르시면 설치는 완료입니다!
notion image
 

🍫 초코로 설치하기

💡
 
초코 웹 페이지 가셔서 Community메뉴 선택
notion image
 
👇 초콜렛 웹링크는 여기 클릭
 
Find Packages 선택
notion image
 
Visual Studio Code 검색 창에 입력하고 Visual Studio Code 1.85.1 을 선택해주세요
notion image
 
아래에 choco install vscode를 복사해주세요 오른쪽 가방 표시를 클릭하시면 자동복사 됩니다.
notion image
 
아래 윈도우 검색란에서 cmd 를 검색해서 명령프롬프트창을 켭니다. 그리고 관리자 권한으로 실행해주세요 관리자 모드에서만 설치가 가능합니다.
notion image
 
사이트에서 복사한 choco install vscode 입력
notion image
 
Do you want to run the script?? y입력
notion image
 
완성입니다. 나머지 설정은 아래와 같습니다.
notion image
 
 

✌️VS Code 설정/GIT 연동하기

첫 설정하기 1. Choose your theme→ 저는 High contrast로 설정 했습니다. 2. Rich support … → 많은 언어 지원 설정 3. Sync settings… → 각 디바이스 마다 연동 설정 해줍니다.
notion image
 
 
다음 설정 창 1. Code with extensions → 좋은 확장 프로그램이 많기 때문에 체크 2. Track your code with GIT → 처음에 이 설정 안하고 설치하신분들 연동 설정에서 많이 불편해 하시더라구요. 꼭 체크해주세요!
notion image
 
 
Clone Git Repository 설정 가지고 계신 GIT 레퍼지토리를 복제 설정하는 것입니다. 다른 데서 하고 계신 작업이 있었다면 클릭 해주세요!
notion image
 
Clone from GitHub 설정을 하고 넘어가셨다면, 위에 키보드 입력란을 클릭하시면 Clone from GitHub 가 보이실 거에요 클릭
notion image
 
GitHub 로긴 할거냐 묻는 창입니다. Allow 선택 주세요!
notion image
 
 
아이디 입력 해주시구요!
notion image
 
이메일로 날라온 보안문자도 넣어주세요!
notion image
 
 
다시 상단 키보드 입력란을 클릭해보면 Git과 연동할 수 있는 레퍼지토리가 보입니다. 저는 html_lec 레퍼지토리를 Vscode에서 사용할 것이라서 요것만 선택했습니다.
notion image
 
폴더 설정하라고 할텐데, 저는 C:\\study\ 만들었습니다.
그러면 사용하시는 레퍼지토리 폴더, 저의 경우엔 html_lec 폴더가 자동 생성 되었습니다.
notion image
 
 
연동 완료! 깔끔하게 수업에서 사용하던 것 그대로 연동이 되었네요!
notion image
 
Share article

AI_Nomads