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

반응형

 

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

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
반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유