FrontEnd VSCode extension 추천

김효진·2021년 1월 28일
0
  • ctrl shift p - 검색기능 이용할 수 있다

  • Material Theme : 다양한 색상을 이용해서 vscode를 사용할수 있다.

  • Material Icon Theme : 아이콘 테마를 바꿀 수 있다.

  • Prettier : code를 포맷하주는것

  • ctrl + , : setting 모드로 접근 가능

  • prettier : Tap 2로 설정

  • Javascript Quote Style : single로 설정

  • Bracket Pair Colorizer : ()의 색깔을 맞춰서 바꿔준다

  • Indent rainbow : 들여쓰기 부분을 레인보우로 하이라이트를 보여준다.

  • Auto Rename Tag : 태그의 이름을 바꾸면 닫는 태그도 저절로 바뀐다.

  • CSS Peek : css를 html 에서 금방 찾을수 있도록 도와줌 , ctrl 키를 누른채 클릭하면 css파일로 이동

  • HTML CSS support : html 에서 css의 자동완성을 이용할 수 있다

  • Live sever : css, html 을 수정해 저장하면 Live로 변경되는것을 확인 할 수 있다.

  • Mark Down preview : 커맨드 팔렛트 키를 이용해서 검색하면 마크다운 프리뷰를 볼 수 있다

  • HTML to CSS autocompletion : css에서 html에 이용한 이름을 자동완성으로 만들어준다

profile
맨땅에 헤딩 🐣

0개의 댓글