보랑취향

주석처리 ctrl+? 전체정렬 ctrl+K+F html 기본코딩 ! + enter

줄 주석처리 단축키 ctrl + / 또는 ctrl + K + C Edit > Toggle > Line > Toggle Line Comment 블럭 주석처리 단축키 Shift + Alt + A Edit > Toggle > Line > Toggle Block Comment

이미지처럼 비쥬얼스튜디오코드(Visual Sutdio Code)에서 도움말 풍선 때문에 불편한 경우File > Preferences > Settings 세팅창을 연다. Settings창에서 hover 검색어를 입력한다.Editor >Hover:Enabled 구역에 체크되어 있는것을 해제 시켜준다.이렇게 되면 도움말 풍선이 안뜨게 된다!!Windsurf 에디터에서 자동완성(인텔리센스) 목록을 띄우는 방법은 크게 두 가지가 있어요.1. 자동으로 팝업 보이게 설정설정 File→ Preferences“Suggest as you type” 또는 “자동 제안(Quick Suggestions)” 항목을 ON보통 editor.quickSuggestions 를 true 로 설정“Suggest on Trigger Char..

에밋 (소프트웨어): HTML, XML, XSL 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인. 비주얼스튜디오 코드는 에밋이 기본적으로 설치가 되어있어 따로 코딩할 필요가 없다. 새창에 [ ! + enter] 을 누르거나 [ html:5 + enter] 을 누르면 기본 구문이 써진다. DOCTYPE html> Document "ko"로 변경해주고, 반응형 웹에 대한 메타태그이므로, 반응형이 아닐땐 삭제해준다.

windsurf에서 연동해도됨.Auto Rename Tag l 태그 자동 이름 바꾸기. CSS Peek ㅣ (맥)command키 또는 ctrl 키를 누른상태로 class 네임 클릭! Live Server l 테스트서버확인기능Live Server : open with live server 검색!html을 변경하고 저장만 누르면 내 로컬주소가 나오면서 바로 변경된것을 테스트 서버에서 확인 할 수 있다.lorem ㅣhtml속 샘플텍스트.자동줄바꿈 톱니바퀴 아이콘 클릭 > 메뉴창뜨면 setting > 상단검색창 wordwrap 검색 >off 를 on 으로 바꿔준다. 그외 설치해도되고, 안해도되는....css-compactcss 코드 한줄로 만들기alt-shift+Fkorea language pack인터페이..

Liver Server는 비주얼 스튜디오 코드 로컬에서 경량화 웹서버로 html이나 자바스크립트 제작한 것을 테스트 해 볼 수 있는 서버이다. 새로 고침을 따로 할 필요가 없으며, 파일의 내용을 수정할 때마다 캐시지우기&새로고침이 이루어진다.