inblog logo
|
AI_Nomads
    INSTALL

    Visual Studio Code 설치

    #INSTALL #VisualStudioCode
    Jan 13, 2024
    Visual Studio Code 설치
    Contents
    🎈다운 받아서 설치하기🍫 초코로 설치하기 ✌️VS Code 설정/GIT 연동하기
     

    🎈다운 받아서 설치하기

     
    구글로 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
     

    🍫 초코로 설치하기

    💡
    초코를 어떻게 설치할 줄 모르신다면 이 게시글을 참고 해주세요!
    초코 설치하기 | Notion
    1. 관리자 모드로 Powershell 열기
    초코 설치하기 | Notion
    https://www.notion.so/stephenkiim/843b3d784660471baef66aa7f70e0e5e
    초코 설치하기 | Notion
     
    초코 웹 페이지 가셔서 Community메뉴 선택
    notion image
     
    👇 초콜렛 웹링크는 여기 클릭
    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.
    Chocolatey - The package manager for Windows
    https://chocolatey.org/
    Chocolatey - The package manager for Windows
     
    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

    RSS·Powered by Inblog