비주얼 스튜디오
간단한 text editor 툴
왼쪽 3번째 아이콘 : source control >깃이랑 연결, 버전 컨트롤
왼쪽 4번째 아이콘 : 디버거 > 코드 디버깅할때
왼쪽 5번째 아이콘 : 다양한 익스텐션 설치
셋팅 > 키보드 숏컷 확인 > 암기 다 안해도 커맨드 팔레트 사용 : ctrl +shift +p
> 요약자만 검색해도 가능 cu(check for update)
<->IDE
익스텐션
1. Material Theme : 배경화면 색 테마
2. Material Icon Theme : 아이콘 생동감 있음
3. Prettier : 코드를 포매팅 >설정창 이동 : ctrl +, >여러가지 설정을 함
4. Bracket Pair Colorizer : 괄호에 색 테마
5. Indent Rainbow : 들여쓰기 된 부분 하이라이트
6. Auto Rename Tag : 앞에 태그 바꾸면 뒤 태그 자동 바뀜
7. CSS Peek : CSS 금방 찾을 수 있게 해준다 >ctrl 누른 상태에서 클릭 >바로 css파일로 옮겨간다
8. HTML CSS Support : CSS 자동완성
9. Live Server : 커맨드 팔레트 > open with live server 검색 > 로컬주소로 파일 열림 >저장만하면 자동 업데이트
10. Markdown Preview : 리드미 파일=md=markdown 어떻게 보이는지 확인 가능 >커맨드 팔레트 검색 ???안나옴
11. HTML to CSS autocompletion : HTML에서 정의한 CSS를 파일에서 자동으로 완성해준다.
간단하게 HTML, CSS 확인하기
jsbin.com
jsfiddle.net
codesandbox.io
'개발 꿀팁' 카테고리의 다른 글
| 드림 코딩 : HTML 빠르게 마크업하기 (0) | 2020.09.21 |
|---|