VSCODE

박선규

Jan 12, 2024

Contents

✌️VS Code 설정/GIT 연동하기 🍫 초코로 설치하기 다운 받아서 설치하기

플러그인 설치를 하는이유는 저것을 설치 안하고 컴파일 하면 툴에서 코드를 이해 못해서 툴에서 이해 하게 만들려고 설치함

셋팅

문법 검사

색상 확인 하는 앱

gogole 웹 스토어 - colorZillia 설치

연동 완료! 깔끔하게 수업에서 사용하던 것 그대로 연동이 되었네요!

다시 상단 키보드 입력란을 클릭해보면 Git과 연동할 수 있는 레퍼지토리가 보입니다. 저는 html_lec 레퍼지토리를 Vscode에서 사용할 것이라서 요것만 선택했습니다.
폴더 설정하라고 할텐데, 저는 C:\\study\ 만들었습니다.
그러면 사용하시는 레퍼지토리 폴더, 저의 경우엔 html_lec 폴더가 자동 생성 되었습니다.

GitHub 로긴 할거냐 묻는 창입니다. Allow 선택 주세요!
아이디 입력 해주시구요!
이메일로 날라온 보안문자도 넣어주세요!

Clone from GitHub 설정을 하고 넘어가셨다면, 위에 키보드 입력란을 클릭하시면 Clone from GitHub 가 보이실 거에요 클릭

Clone Git Repository 설정 가지고 계신 GIT 레퍼지토리를 복제 설정하는 것입니다. 다른 데서 하고 계신 작업이 있었다면 클릭 해주세요!

다음 설정 창 1. Code with extensions → 좋은 확장 프로그램이 많기 때문에 체크 2. Track your code with GIT → 처음에 이 설정 안하고 설치하신분들 연동 설정에서 많이 불편해 하시더라구요. 꼭 체크해주세요!

첫 설정하기 1. Choose your theme→ 저는 High contrast로 설정 했습니다. 2. Rich support … → 많은 언어 지원 설정 3. Sync settings… → 각 디바이스 마다 연동 설정 해줍니다.

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

사이트에서 복사한 choco install vscode 입력
Do you want to run the script?? y입력
완성입니다. 나머지 설정은 아래와 같습니다.

아래 윈도우 검색란에서 cmd 를 검색해서 명령프롬프트창을 켭니다. 그리고 관리자 권한으로 실행해주세요 관리자 모드에서만 설치가 가능합니다.

아래에 choco install vscode를 복사해주세요 오른쪽 가방 표시를 클릭하시면 자동복사 됩니다.

Visual Studio Code 검색 창에 입력하고 Visual Studio Code 1.85.1 을 선택해주세요

Find Packages 선택

초코 웹 페이지 가셔서 Community메뉴 선택
👇 초콜렛 웹링크는 여기 클릭
Chocolatey - The package manager for Windows Chocolatey is software management automation for Windows that wraps installers, executables, zips, and scripts into compiled packages. Chocolatey integrates w/SCCM, Puppet, Chef, etc. Chocolatey is trusted by businesses to manage software deployments.https://chocolatey.org/