본문 바로가기

설치메뉴얼

IDE설치) 비주얼스튜디오코드 vscode 설치와 세팅

⭐ 비주얼스튜디오코드 vscode는

이클립스, 인텔리제이와 함께 대표적 통합개발환경 ide 으로 꼽힌다.

vscode는 가장 많이 사용되는 ide 다.

 

vscode 는 무료이며 같은회사의 유료프로그램 vs와는 구분된다.

👍 vscode의 가장 큰 장점 은 플러그인(확장프로그램) plugin 이 다양한 것이라고 한다.

 

인텔리제이 설치해본 글(25.04.9)

https://notion6780.tistory.com/6

 

자바 학습 목표

백엔드(서버기술): 자바 스프링부트 프론트엔드(UI): 플러터 이 두 단을 연결하는 기술을 배우게 될 것 // 학습방법 //input 단기 기억 ... 나는 이걸 머리속에 넣을거야 // 집중 --------->

notion6780.tistory.com

 

검색창에 vscode를 검색해 다운로드 받을 수 있다.

 

 

 

vs코드를 처음 실행해본 모습

 

vs코드의 자랑인 plugin을 둘러보자.



plugin 사용은 최소화하는 것이 권장된다고 한다.

그럼에도 6개의 plugin을 설치했다.

 

⭐Git Graph

깃허브 브랜치와 커밋 관계도를 그림으로 보여준다.

⭐ Html Css Support

html에서 css 자동 완성 기능을 지원해준다.

⭐ IntelliJ Idea Keybind

intelliJ 에서 사용하던 단축키를 쓸 수 있게 해준다.

⭐ Javascript Code Snippets

약어 snippets 를 입력하면 반복적 코드작성을 간소화해준다.

⭐ Live Server

Html을 작성하면 실시간으로 브라우저에 반영해준다.

⭐ Prettier

코드를 일관성 있게 정렬해준다.

 

세팅 (file > preferences > settings)

폰트와 폰트크기 등을 설정할 수 있다.

기존 폰트패밀리에 한글 가독성이 높은 d2Coding 을 추가해줬다.

 

'설치메뉴얼' 카테고리의 다른 글

안드로이드 스튜디오 설치 및 세팅  (1) 2025.07.23
플러터 설치  (0) 2025.07.23
MySQL 설치  (0) 2025.05.01