VScode : VSCODE Extension 추천 (22.08기준)
Live Server
- html 혹은 CSS를 작성했을때 별도의 새로고침없이 바로 확인할수 있게 도와주는 라이브서버 (liveserver) 확장자
Live Server - Visual Studio Marketplace
Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages
marketplace.visualstudio.com
Auto Rename Tag
- 시작 태그를 수정할때 자동으로 종료태그도 함께 수정해주는 확장자
Auto Rename Tag - Visual Studio Marketplace
Extension for Visual Studio Code - Auto rename paired HTML/XML tag
marketplace.visualstudio.com
Auto Close Tag
- 시작태그를 입력하면 자동으로 종료태그를 입력해주는 확장자
Auto Close Tag - Visual Studio Marketplace
Extension for Visual Studio Code - Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
marketplace.visualstudio.com
Code Spell Checker
- code를 입력하다보면 가끔 버그가 생기는데, 찾아보면 철자가 틀려서 생기는 오류가 종종 있어서 철자를 체크해주는 확장자를 설치해서 쓰고 있습니다.
사용하니 철자로 인한 버그가 굉장히 줄었습니다.
Code Spell Checker - Visual Studio Marketplace
Extension for Visual Studio Code - Spelling checker for source code
marketplace.visualstudio.com
colorize
- 색상을 입력할때 red나 white 처럼 색상명을 그대로 적을경우엔 어떤 색인지는 알지만 #1e4678 처럼 색상코드로 되어있을경우에는 어떤색인지 직접 적용해봐야 알수있는데 이 확장자는 색상코드를 입력하면 해당 색상을 보여주는 확장자 입니다.
colorize - Visual Studio Marketplace
Extension for Visual Studio Code - A vscode extension to help visualize css colors in files.
marketplace.visualstudio.com
사용하면서 유용했던 Extension 은
계속 추가할 예정입니다
'STUDY > tip' 카테고리의 다른 글
| Front-end Dev Road Map (0) | 2022.11.21 |
|---|---|
| tip : HTTP의 모든 응답상태코드를 알려주는 사이트 (1) | 2022.09.08 |
| TIP : CSS rgba() 코드 알려주는 사이트 (0) | 2022.08.08 |
| HTML : 모든 Entity(엔티티)가 적혀있는 웹 사이트 (0) | 2022.07.07 |
| HTML : html 기본 틀 쉽게 만들기 (0) | 2022.05.15 |