VS Code Extension 필수 설치

2022 개발자의 품격 부트캠프 첫 수업이 시작되었다.

"시작이 반이다!"

개발환경 설정에 어울리는 말이다!

 

HTML, CSS, JavaScript 를 VS Code에서 작성할 때 유용한 Extension을 정리하였다.

Prettier - Code formatter는 특히 인상적이었다.

 

JavaScript (ES6) code snippets

publisher: charalampos karypidis

ES6를 포함한 자바스크립트 코드 자동완성.

 

HTML Snippets

publisher: Mohamed Abusaid

HTML 코드 자동완성.

 

HTML CSS Support

publisher: ecmel

CSS에서 색상표를 직관적으로 볼 수 있는 기능 등.

 

ESLint

publisher: Microsoft

자바스크립트 문법 오류 찾음.

 

Live Server

publisher: Ritwick Dey

로컬에서 HTML 파일을 웹 서버에서 실행함. 작성 중인 HTML 저장시 출력 결과 즉시 반영.

 

Git Graph

publisher: mhutchie

Git repository 의 history를 볼 수 있음.

Git Graph 사용법

 

Prettier - Code formatter

publisher: Prettier

작성한 JavaScript, TypeScript, Flow, JSX, JSON, CSS, SCSS, Less HTML, Vue, Angular, HANDLEBARS, Ember, Glimmer GraphQL, Markdown, YAML 코드를 저장 시 설정된 포맷으로 자동으로 정렬함.

설치 이후에 별도의 설정을 해주어야 작동 함.

Prettier - Code formatter 설정