반응형 SMALL Program/VS Code5 [VS Code] Emmet 사용법 Emmet이란? HTML과 CSS의 작성 시간을 대폭 단축시켜주는 확장기능으로 데이터 입력 후 Tab을 눌러주면 끝이다. 문서 템플릿 : ! CSS : link Script : script 자식 : > 형제 : + 부모 : ^ 반복 : * 그룹 : ( ) 아이디 : # 클래스 : . 문자열 : { } 넘버링 부여 : {$}* height, width margin, padding VS Code List VS Code List Start VS Code!! ● 기회는 준비된 자에게 찾아온다. han-hoon.tistory.com 기회는 준비된 자에게 찾아온다. 2022. 3. 10. [VS Code] 주석 색상 변경 주석 색상 변경 Setting(Ctrl + , )에서 JSON:Schemas를 검색하면 위와 같이 뜬다. "Edit in settings.json" 버튼을 누르고 다음과 같이 수정을 하면 본인이 원하는 색상으로 수정이 가능하다. "editor.tokenColorCustomizations": { "comments": "#2d770b" }, VS Code List VS Code List Start VS Code!! ● 기회는 준비된 자에게 찾아온다. han-hoon.tistory.com 기회는 준비된 자에게 찾아온다. 2022. 3. 10. [VS Code] Extensions 설정 (추천) Extension이란? 편집 기능 추가 및 프로그래밍 언어 지원 등 새로운 확장 기능을 추가할 수 있는 기능을 제공하는 플러그인이다. 위 사진의 좌측 밑에 체크되어있는 아이콘을 클릭하면 다양한 Extentions를 확인할 수 있다. Material Theme VS Code의 테마를 설정할 수 있고 아래 Set Color Theme(색 테마 설정) 버튼(위 사진)을 누르면 다양한 테마 설정(아래 사진)이 가능하다. * 다크테마는 사랑입니다.. Live Server 내 컴퓨터를 실제 서버처럼 작동(로컬 서버)시켜서 웹 개발시 변경사항을 자동으로 반영하여 편리하게 도와주는 기능이다. 설치 시 Go Live 버튼이 활성화(1번째 사진) 된다. 적용 예시로 HTML 초기 상태에서 실행한 뒤(2번째 사진) 새로운 .. 2022. 3. 10. [VS Code] VS Code 설치 VS Code란? - Visual Studio Code의 줄임말로 소스 코드 편집기로 다양한 프로그래밍 언어(HTML, CSS, Java Script 등)를 지원하며 각 언어와 함께 사용할 수 있는 편리한 기능들을 제공한다. - 비주얼 스튜디오 코드의 다양한 기능 중 상당수는 메뉴를 통해 접근할 수 없기 때문에, 명령 팔레트와 .json 파일(eg. 사용자 설정)을 통해 사용해야 한다. - 작성 중인 문서의 코드 페이지를 바꾸거나 줄 바꿈 문자(LF 또는 CRLF)를 선택할 수 있고, 편집 중인 소스 코드가 어떤 프로그래밍 언어를 사용하는지 설정할 수 있다. - 플러그인을 통해 편집 기능 추가 및 프로그래밍 언어 지원 등 새로운 확장 기능을 추가할 수 있다. 설치 Visual Studio Code - C.. 2022. 3. 10. 이전 1 2 다음 반응형 LIST
