본문 바로가기

일과공부

[HTML/CSS 기초 강의] ② 비주얼 스튜디오 코드 사용법 1.VS Code 기본 설정하기 ① 바탕 화면의 VS Code 아이콘을 더블클릭 ② 왼쪽 툴바에서 네모 모양의 확장기능 아이콘을 클릭 [단축키 Ctrl+Shif] ③ file > preferences > settings (ctrl+,) font-size, font-family, tab size, word wrap 등 설정. ④ file > preferences > extensions (ctrl+shift+x) 사용중인 VS Code(Visual Studio Code)확장 플러그인 목록 auto rename tag- 태그는 시작태그와 맺음태그를 가지고 있음/예로 처럼/이럴때 이 익스텐션이 설치되어 있다면 시작, 맺음 태그 하나만 수정해도 자동으로 같이 수정됨 color highlight- #fff rab(.. 더보기
[HTML/CSS 기초 강의] ① 비주얼 스튜디오 코드(VS Code) 설치하기 비주얼 스튜디오 코드(VS Code) 설치 1.텍스트 에디터란? 텍스트 형태의 프로그래밍 언어로 코드를 작성하기 위한 도구이며 코드에디터라고 부르기도 한다. 하나의 에디터에서 HTML/CSS뿐만 아니라 파이썬, C, JavaScript 등 다양한 언어의 코드를 작성할 수 있다. *C언어 처럼 컴파일러가 필요한 경우 등은 별도 패키지를 설치해야 할 수도 있다. 2. 텍스트 에디터의 종류 1)아톰(Atom) 2)서브라임 텍스트(Sublime Text) 3)브라켓(Brackets) 4)비주얼 스튜디오 코드(Visual Studio Code) 모두 윈도우/맥/리눅스가 지원되고, 무료로 이용 가능 3.VS Code 설치하기 ① 비주얼 스튜디오 코드 사이트로 이동 https://code.visualstudio.co.. 더보기