유용한 Visual Studio code 확장팩 모음
1. Visual Studio code의 한글 관련 확장팩 설치
1) 메뉴 한글화
대표사진 삭제
사진 설명을 입력하세요.
2) 한/영 번역기
대표사진 삭제
사진 설명을 입력하세요.
2. 꾸미기
1) 테마
대표사진 삭제
사진 설명을 입력하세요.
2) 폴더 아이콘 테마
대표사진 삭제
사진 설명을 입력하세요.
3. Code
1) 코드 포맷 지원
대표사진 삭제
Code의 가독성을 향상시키는 확장팩
Cntrl +, : Save format On save true
Tab width : 2
quote : '
TypeScript : single
2) 코드 품질 향상
전송중...
JavaScript의 문법에 대한 코드 품질 향상시키는 확장팩
4. 소스 가독성 향상
1) 블럭의 색깔 구분
전송중...
{ } 으로 소스가 구분되어을때 가이드 색의 가독성을 향상시키는 확장팩
2) 공백에 대한 가독성 향상
전송중...
사진 설명을 입력하세요.
5. 코딩 지원
1) Html/Xml tag의 Pair 맞춤
전송중...
사진 설명을 입력하세요.
2) CSS 정의 바로가기
전송중...
Ctrl + Class Id 를 지정하면 CSS 정의를 바로 찾아가는 확장팩
3) HTML CSS ID 검색
전송중...
사진 설명을 입력하세요.
4) 태그변경 브라우져 자동 갱신
전송중...
사진 설명을 입력하세요.
5) HTML 코딩 생성 지원
emmet
.class + tab
.id + tab
div>ul>li + tab
div>ul+ol + tab
ul>ol * 5 + tab
div>ul>li^ol + tab
div>(header>ul>li*2>a) + footer>p + tab
p{hello} + tab
p.class${item $}*5
더미용 텍스트
p>loerm
p>loerm4
section>div>li>li + tab
7. 기타
1) github mark down
2) css id 제안
전송중...
사진 설명을 입력하세요.
3) rest 테스트(Postman 대용)
전송중...
사진 설명을 입력하세요.
4) 원격으로 다른 사람 코드 확인
전송중...
사진 설명을 입력하세요.
5) markdown all in one
전송중...
사진 설명을 입력하세요.
6) 코드 샘플 채취
전송중...
사진 설명을 입력하세요.
7) Javascript(ES6) code 생성 지원
전송중...
사진 설명을 입력하세요.
8) PowerShell
전송중...
사진 설명을 입력하세요.
댓글