VSCODE

박선규's avatar
Jan 12, 2024
VSCODE
notion image
notion image
 
notion image
플러그인 설치를 하는이유는 저것을 설치 안하고 컴파일 하면 툴에서 코드를 이해 못해서 툴에서 이해 하게 만들려고 설치함
 

셋팅

notion image
 

문법 검사

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

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

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

🍫 초코로 설치하기

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

다운 받아서 설치하기

 
Share article

p4rksk