선생님추천확장기능
· 터미널
터미널 – Visual Studio Marketplace Extension for Visual Studio Code marketplace.visual studio 터미널.컴
인기글
· Live Sass 컴파일러입니다
Live Sass 컴파일러 – Visual Studio Marketplace Extension for Visual Studio Code – Live Browser reload.marketplace.visual studio를 사용하여 실시간으로 Sass 또는 Scss를 CSS로 컴파일합니다.통신하겠습니다
· Turbo Console 로그입니다
· Turbo Console 로그입니다· 더 좋은 코멘트입니다더 좋은 코멘트 – Visual Studio Marketplace Extension for Visual Studio Code – 경고, 정보, TODO, 기타! marketplace.visual studio에서 주석을 달아서 코드 코멘트를 개선합니다.통신하겠습니다· 일치하는 태그를 강조 표시합니다일치 태그 강조 표시 – Visual Studio Marketplace Extension for Visual Studio Code – 일치하는 닫힘 태그와 열림 태그의 marketplace.visual studio를 강조 표시합니다.통신하겠습니다· · GitLensGitLens— Git supercharged— Visual Studio Code를 위한 Visual Studio Marketplace Extensions— VS Code 내 Git를 슈퍼차지— Git의 비난 댓글과 CodeLens을 통해 코드 작성자를 한눈에 시각화하고 Git 저장소를 원활하게 탐색하여 풍부한 시각화와 강력한 비교 명령으로 가치 있는 통찰을 얻을 수 있습니다, 더 많은 마켓플레이스, 비주얼 스튜디오가 있습니다.통신하겠습니다· REST 클라이언트REST Client – Visual Studio Code 用の Visual Studio Marketplace Extension – Visual Studio Code Marketplace.visualstudio 用の REST Client です.통신하겠습니다REST Client – Visual Studio Code 用の Visual Studio Marketplace Extension – Visual Studio Code Marketplace.visualstudio 用の REST Client です.통신하겠습니다단축키 검색전회 확인했다[파일] >기본 설정 >바로가기 키] 여기에서 기본적으로 설정되어 있는 단축키를 확인할 수 있다.1. 단축키 명령어 이름을 아는 경우: 검색창에서 명령어 이름을 검색하면 표시된다2. 단축키 키 조합만 생각나는 경우: 검색창에서 “키명+키명~” 처럼 검색한다. ex) “Ctrl + Alt + R * 주의 : 마지막 따옴표를 닫으면 검색이 되지 않는 경우도 있다고 한다. ex) “Ctrl+Alt+R”알아두면 좋은 숏컷키 https://heropy.blog/2019/04/24/html-css-starter/선생님께서 정리해주신 유용한 단축키 모음 (인강 소개 순서)선생님께서 정리해주신 유용한 단축키 모음 (인강 소개 순서)Windows바로 가기 키 macOS바로 가기 키 설명”Ctrl+F””Cmd+F”검색(검색)”Ctrl+H””Cmd+Opt(Alt)+F”검색(검색)/치환(대체)”Tab”글”Shift+Tab”내서키”Ctrl+\(원화)(\)””Cmd+\(원화)(\)”편집기 분할(백 슬래시)\b\=\모두 같은 기호.Enter버튼 위에 있다.”Ctrl+W””Cmd+W”편집 프로그램을 닫습니다”Ctrl+숫자””Cmd+숫자”를 누른 숫자 차례 분할 편집기에 이동”Ctrl+Page Up””Cmd+Shift+[이전의 편집 프로그램을 열어(왼쪽 창으로 전환)”Ctrl+Page Down””Cmd+Shift+Shift+]”다음 편집 프로그램을 열어(오른쪽 창으로 전환)”Ctrl+B”Cmd+Ptrl+Cmdrid+Petrl+P파일의 검색어 읽기 Alt+Up(↑)”카미 선 카피”Shift+Alt+Down(↓)”밑줄 카피약어로 포장하다(Wrap)[예제 : <div> </div> 태그로 포장하기]<body> <div> <h1> 안녕하세요. </h1> </div> </body>1. 포장할 코드를 선택한다.2. “모든 명령 표시 실행”을 한다. 단축키 : [Ctrl + Shift + P] / / [Cmd + Shift + P]3. Emmet: Wrap with Abbreviation(Emmet: 약어로 랩핑)을 입력하거나 리스트에서 선택(“Enter”) wrap을 입력한다.4. div, span등의 Emmet 문법(ex:.wrapper, span.bold)을 입력.div 입력 후 .를 입력하면 자동으로 class도 입력할 수 있다.5. Enter 눌러서 완료.