HTML, css, js 실습 용 vscode 다운로드, 플러그인

최근에 시간이 너무 금방가네요 오늘부터는 html도 같이 진행하겠습니다. 

앞에 것도 잘못하겠는데 진도는 나가야하니 머리가 아프네요

 

html을 하기에 앞서 비주얼 스튜디오 코드 를 다운로드 해서 사용해보겠습니다.

아톰이나 그런걸 사용하셔도 좋다고 생각합니다.

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

사이트에 들어가셔서 화살표 누르셔서 본인 os에 맞는 파일 다운로드 하시면 됩니다.

파일 다운로드 완료되면 클릭

동의 해주시고 다음

.

딱히 건들게 없으니 다음누르시고 설치 눌러주시면 됩니다. 

설치 완료되면 실행해주시고

잘사용하시면 될거같습니다.

유투브 강의 보시다 보면 내화면이랑 그분들 화면이랑 미묘하게 색도 다르고 글씨 색도 다른데 이거는 플러그인을 다운받아서 변경할수있습니다.

컨트롤 + 쉬프트 +  x

왼쪽 아이콘 5번째( extension )를 눌러주셔도 됩니다.

 

사실 구글에 vscode extension 추천 눌러보시면 잘나와있어서 마음에 드시는거 다운받으시면 될거같습니다.

다운로드 받으시면 자동 적용되시고 예를들어 Community Material Theme(색 테마 설정)같은 경우에는 다운받으시면 화면 가운데 상단에 갑자기 목록이 나오는데 선택해주시면 됩니다.

이렇게 나옵니다. 저는 Darker High Contrast 로 하였습니다.

 

마지막으로 html css파일을 만들때는

파일 새로만들기를 눌러주시고

파일명 .html 을하면 html 파일이 생성되고

파일명.css하면 css 파일이 생성됩니다.