본문 바로가기
728x90
300x250
SMALL

Front-end/IDE (편집기)16

vs코드 ! + tab emmet 코드 안됨 해결 갑자기 ! + tab 했을 때 나와야 하는 html 코드가 나오지 않는다. tab키를 눌렀을때 emmet이 나오지 않는 것이 문제 구글링 통해 아래와 같이 간단한 설정으로 해결했다. 1. vs코드 왼쪽 하단 톱니바퀴 아이콘 > 설정 2. 확장 > Emmet > Trigger Expansion On Tab 2022. 7. 12.
vscode 여러줄 주석 단축키 한 줄 주석 단축키 Ctrl + / 주석 적용한 라인에 커서를 두고 ctrl + / 를 동시에 누르면 한 줄 주석이 적용된다. 여러 줄 주석 단축키 Alt + Shift + a 여러 줄 주석을 적용할 시에는 주석을 적용할 구역을 블록지정한 후에 Alt + Shift + /를 동시에 누르면 여러줄 주석이 적용된다. css나 script도 같은 방법으로 주석 적용 가능하다. 2022. 4. 21.
vs코드 html5 기초코드 자동생성 !를 누르면 Emmet 기능이 활성화된다. 엔터를 클릭하면 html boilerplate html 기초코드가 아래와 같이 생성된다. 여기서 !!!를 선택하면 doctype만 나온다. html:5 입력하고 tab키나 enter 키를 클릭해도 html:5 기초태그 자동완성을 할 수 있다. 2022. 4. 19.
온라인 에디터 1. CodePen 샘플도 많고 트위터나, 페북, 깃등에 공유 가능하다. https://codepen.io/pen/ Create a New Pen ... codepen.io 2. JSFIDDLE JSFIDDLE 역시 유명한 사이트로 share기능도 있고 여라가지 옵션 변경도 가능하다. https://jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net 3. JS BIN 간단하게 결과 확인하면서 코딩할때 사용하기 좋다. https://jsbin.com/ JS Bin Sample of the bin: jsbin.com 2022. 3. 10.
728x90
반응형
LIST