VS code 다운로드 및 설치하기, Visual studio code 플러그인 설치 준비하기

728x90
반응형

목차

     

    다운로드 링크에서 다운로드하세요. 

    vs code는

    html/css, java, c, c++, php, python 등

    다양한 언어의 코딩작업/프로그래밍에 

    활용할 수 있는 전용 프로그램 입니다. 

     

    이미지 출처 - vs code 홈페이지
    이미지 출처 - vs code 홈페이지
    이미지 출처 - vs code 홈페이지

     


    운영체제에 맞춰 총 3가지의 종류가 있습니다. 

    확인하신 후, 본인 사양에 맞게 다운로드 하세요. 

    이미지 출처 - vs code 홈페이지

     

     

    VS code 다운로드 링크 

    https://code.visualstudio.com/download

     

    Download Visual Studio Code - Mac, Linux, Windows

    Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

    code.visualstudio.com

     


     

    다운로드한 파일을 실행시키면 

    설치가 이뤄집니다. 

     

    기본 설치를 완료하시면 

    확장프로그램 몇 가지를 설치해주세요 

     

    vs code 실행 - mac 버젼

     


    대표 플러그인 설치하기

    Visual studio code - plug in

     

    ✔️ Material theme

    작업 환경 테마

     

    ✔️ Material icon theme

    파일 종류별 예쁜 아이콘으로 구분

     

    ✔️ Prettier

    코드 자동 정렬

     

    ✔️ bracket pair colorizer

    괄호 별로 색상

     

    ✔️ indent-rainbow

    들여 쓰기 색상 표시

     

    ✔️ Auto rename tag

    열린 태그 닫힌태그 동시 수정

     

    ✔️ CSS PEEK

    HTML에서 적용된 CSS 바로 찾아줌

     

    ✔️ HTML CSS SUPPORT

    만들어놓은 CSS 자동 완성해서 적용 가능

     

    ✔️ LIVE SERVER

    내가 만든 프로젝트 가상의 웹 공간(로컬)에서 확인 가능

     

    ✔️ marke down file

    마크 다운 프리뷰

     

    ✔️ Html to css auto

    정의 클래스를 쉽게 자동으로 완성하는 기능

     

    왼쪽이 이 아이콘을 선택하세요. 확장 플러그인을 검색-설치 할 수 있는 메뉴아이콘 입니다. 
    필요한 플러그인 이름을 검색하고, 파란 아이콘 [Install]을 누르세요.

     

     

    오른쪽에 열린 창에서 자세한 정보와 활용방법 등을 체크할 수 있습니다. 

     

    그럼 굿럭! 

     

    728x90
    반응형
    • 네이버 블로그 공유
    • 네이버 밴드 공유
    • 페이스북 공유
    • 카카오스토리 공유