Visual Studio Code 비쥬얼 스튜디오 코드 초간단 기본 사용법

 

 

비쥬얼 스튜디오 코드 설치는 아래 포스팅 참고하세요

https://moo-you.tistory.com/155

Visual Studio Code 비쥬얼 스튜디오 설치 및 환경설정 변경하기 [무료 코드 편집기]

 

 

비쥬얼 스튜디오에서 마우스 오른쪽 새파일

 

 

 

폴더안에 파일을 *.html로 저장하고 ! + 엔터하면 기본 태그가 나옵니다.

 

여기서 비쥬얼 스튜디오에 사 자주 사용하는 단축키 살짝 보고 가겠습니다.

 

• 기본태그 : ! + 엔터키
• 주석 : Ctrl + /
• 줄바꿈 : Alt + z
• 이모티콘 : 윈도우키 + ;
• 그줄에 있는거 아래 똑같이 복사하기 : Ctrl + Alt + 화살표 아래키
• 해당 css 속성 나타나기 : css 치고 Ctrl + spacebar

 

 

위에 만들어준 html파일을 폴더채로 비쥬얼 스튜디오 코드에 드래그 합니다.

그러면 이렇게 왼쪽 탐색기 창에 나타나게 됩니다.

 

 

 

 

 

새파일을 만드려면 탐색기 리스트 있는 곳에 오버하면 아이콘이 생기는데 거기서 제일 처음 있는 아이콘을 누르면 새파일을 만들 수 있습니다.

 

 

 

 

서브 사이트도 위와 같은 방법으로해서 코딩 하면 됩니다.

 

 

 

두번째 아이콘을 클릭하면 새폴더를 생성할 수 있습니다.