1. Auto Rename Tag
html 태그의 여는 태그를 수정하면 닫는태그도 함께 수정되게 하는 익스텐션
2. Beautify
작성한 HTML, CSS, Javascript 코드를 정리해주는 익스텐션
3. Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets
부트스트랩 구문을 자동으로 완성해주는 익스텐션
4. Bracket Pair Colorizer
스크립트에서 서로 열고 닫는 괄호를 보기 쉽게 색깔로 보여주는 익스텐션
5. ESLint
자바스크립트의 문법을 검사하는 익스텐션
6. hightlight-selections-vscode
현재 열고 있는 페이지의 같은 단어를 선택했을 때 눈에 띄게 보여주는 익스텐션
7. HTML End Tag Labels
닫는 태그 옆에 여는 태그의 식별자(id, class)를 희미한 글씨로 보여주는 익스텐션 (처음엔 보기 힘들 수 있습니다.)
8. HTMLHint
HTML 문법을 검사하는 익스텐션
9. Image preview
VSCode 내에서 이미지의 경로가 올바르면 해당 이미지의 크기와 이미지을 미리 보여주는 익스텐션
10. jQuery Code Snippets
제이쿼리의 문법을 자동으로 완성하는 익스텐션
11. Live Server
[Ctrl + L] + [Ctrl + O]를 하면 해당 HTML 을 실시간으로 렌더링 하는 익스텐션
12. Settings Sync
나의 VSCode Extentsion을 저장하여 다른 컴퓨터에서도 알아서 설치할 수 있는 익스텐션
'프론트엔드 > 환경설정 · 설치' 카테고리의 다른 글
| 아파치(Apache) 설치 (0) | 2021.01.15 |
|---|---|
| Node.js 완전히 삭제 (0) | 2021.01.12 |
| Node.js 설치 & 확인 (0) | 2021.01.11 |
| VScode 익스텐션 (VSCode Extension) (0) | 2021.01.11 |
| 에디터의 선택 (0) | 2021.01.11 |