inblog logo
|
{CODE-RYU};
    #install

    Visual Studio Code 설치하기

    Jan 15, 2024
    Visual Studio Code 설치하기
    Contents
    1. VS Code 설치2. git 사용하기3. 기타 꿀팁
     
     
    VS Code는 거의 모든 언어를 지원하는 에디터다. 가볍고 빠르다는 장점이 있다.
    VS Code 를 활용해 HTML 을 작성할 예정이다.

    1. VS Code 설치

     
    code.visualstudio.com
    https://code.visualstudio.com/Download
    notion image
     
     
    위의 사이트에서 프로그램을 설치한다. 다음을 클릭한다.
     
    notion image
     
    설치가 완료되면 새로운 프로젝트 폴더를 만든다.
     
    notion image
     
     
    notion image
     
     
    notion image
     
    폴더를 신뢰하는지 묻는 팝업이 뜬다. 파란색 yes 를 선택하자.
     
    notion image
     
    그럼 왼쪽에 프로젝트 폴더가 표시된다. 해당 바에서 마우스 오른쪽 키를 누르면 새로운 폴더와 파일을 생성할 수 있다.
     
    notion image
     
    새롭게 만들어진 ex01.html 에서 html:5 (또는 ! 를 입력해도 된다.) 를 입력하면 html 의 기본 구조가 만들어진다.
     
    notion image
     
     

    2. git 사용하기

     
    notion image
     
    File - preferences - Settings 를 선택한다.
     
    notion image
     
    Settings - User - Termianl - git bash 를 선택한다.
     
    notion image
     
     
    notion image
     
    github 와 연결하는 법은 아래의 블로그에서 확인 가능하다.
     
    github 사용하기 - {CODE-RYU};
    git
    github 사용하기 - {CODE-RYU};
    https://inblog.ai/coderyu1/40-github-사용하기-12634?traffic_type=internal
    github 사용하기 - {CODE-RYU};
     
     

    3. 기타 꿀팁

     
    1)브라우저로 값 출력하기
     
    notion image
     
     
    왼쪽 바의 Extensions - Live Server 를 설치한다.
     
    notion image
     
    마우스 오른쪽 버튼 - Open with Live Server 를 클릭하면 브라우저에서 값을 출력할 수 있다.
     
     
    2)단축기 설정
     
    notion image
     
    Extensions - JetBrains IDE Keymap 을 설치하면 인텔리J 와 동일한 단축키를 사용할 수 있음.
     
     
    3) 저장 시 자동 정렬
     
    notion image
     
    File - preferens - settings -Text Editor - Formatting - Format On Save
    코드를 세이브하면 자동 정렬된다. 세이브는 ctrl + s
     
    Share article

    {CODE-RYU};

    RSS·Powered by Inblog