VS Code extension 추천 프로그램

?·2022년 12월 5일
0

https://parkjh7764.tistory.com/93

명령 팔레트- VS CODE에 명령어를 실행할 수 있는 창

익스텐션은 플러그인이라고 생각해도 괜찮다.

  1. Material Theme -비주얼 스튜디어 코드에 테마를 변경 가능하게 해준다.
  2. Material Icon Theme - 옆에 보이는 아이콘들을 변경시켜 준다.
  3. Auto Rename Tag - 태그를 변경 할때, 클로징 태그도 자동으로 변경하게끔 도와준다.
  4. HTML to CSS autocompletion - HTML에 적은 class를 CSS에 자동완성 하게끔 도와준다.
  5. HTML CSS Support - CSS에 먼저 적은 class가 html 문서에서 자동완성이 되게끔 도와준다.
  6. CSS Peek - 내가 작성한 class를 바로 찾아갈 수 있게금 도와준다. HTML에 cmd 키를 누른 상태에서, class를 누르면, 자동으로 css 파일로 넘어가게 된다.
  7. AUtoprefixer - 버전에 따라서 각기 다른 접두사를 붙이게 되는데, AutoPrefixer를 설치한 후,
    cmd+shift+p를 눌러서 실행 => 실행하게 되면, 자동으로 필요한 접두사를 붙여준다.
  8. Bracket Pair Colorizer 2 - 중괄호 색깔을 다르게 해준다. 구분하기 쉽게 도와준다.
  9. indet-rainbow - 들여쓰기한 색깔에 공간을 쉽게 볼 수 있다.
  10. live server - 반드시 설치해야 되는 extension
  11. Code Runner - js 파일에서, 결과값을 확인하기 쉽게 도와준다. 단, console.log를 사용해야 된다.
    매번 실행할 때마다, clear하기 귀찮으면, 톱니바퀴-설정-code runner(혹시 안보이면 재실행)-
    Clear Previous OUtput 체크해주기
profile
살려줘

0개의 댓글