VS Code는 거의 모든 언어를 지원하는 에디터다. 가볍고 빠르다는 장점이 있다.
VS Code 를 활용해 HTML 을 작성할 예정이다.
1. VS Code 설치
위의 사이트에서 프로그램을 설치한다. 다음을 클릭한다.
설치가 완료되면 새로운 프로젝트 폴더를 만든다.
폴더를 신뢰하는지 묻는 팝업이 뜬다. 파란색 yes 를 선택하자.
그럼 왼쪽에 프로젝트 폴더가 표시된다. 해당 바에서 마우스 오른쪽 키를 누르면 새로운 폴더와 파일을 생성할 수 있다.
새롭게 만들어진 ex01.html 에서 html:5 (또는 ! 를 입력해도 된다.) 를 입력하면 html 의 기본 구조가 만들어진다.
2. git 사용하기
File - preferences - Settings 를 선택한다.
Settings - User - Termianl - git bash 를 선택한다.
github 와 연결하는 법은 아래의 블로그에서 확인 가능하다.
3. 기타 꿀팁
1)브라우저로 값 출력하기
왼쪽 바의 Extensions - Live Server 를 설치한다.
마우스 오른쪽 버튼 - Open with Live Server 를 클릭하면 브라우저에서 값을 출력할 수 있다.
2)단축기 설정
Extensions - JetBrains IDE Keymap 을 설치하면 인텔리J 와 동일한 단축키를 사용할 수 있음.
3) 저장 시 자동 정렬
File - preferens - settings -Text Editor - Formatting - Format On Save
코드를 세이브하면 자동 정렬된다. 세이브는 ctrl + s
Share article