반응형
반응형
명령
ctrl + X 행 삭제
ctrl + C 행 복사
ctrl + Enter 아래에 행 삽입
ctrl + shift + Enter 위에 행 삽입
alt + Down 행을 아래로 이동
alt + Up 행을 위로 이동
shift  + alt + Down 현재 행 복사후 위에 행에 추가
shift + alt + Up 현재 행 복사후 아래 행에 추가
ctrl + u 커서가 작업했던 곳으로 되돌아가기
alt + c 대소문자 찾기 토글
alt + r 정규식 찾기 토글
alt + w 다른 파일에서도 글자 찾기 토글
alt + Enter 모든 일치 항목 선택
f3 다음 찾기
shift +f3 이저낮기
ctrl + / 주석토글
tab 들여쓰기 (행 단위로도 가능)
shift + tab 내어쓰기 (행 단위로도 가능)
ctrl + alt +Down 커서를 아래에 추가(다중커서)
ctrl + alt + Up 커서를 위에 추가 (다중커서)
ctrl + z 되돌리기
ctrl + y 되돌리기 취소
반응형
반응형

 

Extensions 누릅니다.

검색에 live server를 입력합니다. 전 오타났네요 ㅎㅎ

 

 

다시 폴더로 돌아가서 html을 보려는 곳으로 돌아갑니다. test.html을 크롬에서 보려고합니다. 오른쪽 누르시면

 

Open with Live Server가 있는데 누릅니다.

 

 

라이브서버의 장점은 HTML에서 수정하고 확인하려면 저장후에 새로고침을 해야하는데 라이브서버로 키면 저장만 하면 새로고침 없이 바로 적용이 됩니다. 그래서 좀 편하죠

 

 

만약 크롬으로 안 열리시는 분은 밑에를 따라주세요

 

Settings 누릅니다.

 

live server config 검색후 ExtensionsLive Server Config를 누르고 Custom Browser크롬을 설정해줍니다.

반응형
반응형

설치 URL : 

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

그냥 계속 OK누르시고 까시면 됩니다.

 

폴더를 지정해줍니다.

가져다대시면 폴더를 만들던가 파일을 만들 수 있습니다.

 

! 치고 엔터를 누르면 기본 HTML구조가 만들어집니다.

 

반응형