web sprit

기본 단축키 Alt + Z 코드를 한줄로 보거나 한 화면에 보거나 하는 토글 단축키 단축키 설정 - Wrap with Abbreviation(Ctrl + Shift + G) Emmet에 있는 기능 명령창(Ctrl + Shift + P)를 열어 wrap을 검색 하면 아래 내용이 나오는데 "Wrap with Abbreviation" 선택해서 태그를 입력(ex: li, li*)하면 선택영역을 태그로 감싸준다. Emmet: Wrap with Abbreviation ----- O Emmet: Wrap Individual Lines Abbreviation 명령창에서 검색해서 단축키 지정 가능하다. 검색하여 나오는 단어에 마우스를 데어보면 우측에 톱니바뀌가 나오는데 클릭하면 단축키를 설정할 수 있다. 단축키 설정 :..

VSCode 익스텐션 설치 경로 : C:/Users/사용자이름/.vscode/extensions IntelliSense for CSS class names in HTML - Visual Studio Marketplace Extension for Visual Studio Code - CSS class name completion for the HTML class attribute based on the definitions found in your workspace. marketplace.visualstudio.com 작업영역안에서 정의된 클래스(class)명을 자동완성으로 보여줍니다. 좋은점은 비슷한 클래스명의 분류를 도와줄 뿐만 아니라 중복클래스를 피할 수 있기때문에 매우 유용하다 생각이 듭니다. vs..

코딩툴로 서브라임을 사용하면서 자주 사용하는 기능인데 어느날 부턴가 단축키가 먹질 않았습니다. 내용을 찾아보니 아래 참고 URL로 확인할 수 있었습니다. 아예 기능이 없어진것이 아니기 때문에 다시 키설정을 통하여 사용하는 방법에 대해 알아 보겠습니다. 이 기능은 일종의 Emmet을 이용한 기능으로 단축키를 확인하기 위해서는 package 의 Emmet을 User에 단축키를 설정해 줘야 합니다. Preferences >> Package Settings >> Emmet >> Key Bindings 열린 화면에서 왼쪽이 Emmet 기본 설정부분이고 오른쪽이 User 부분으로 사용하고 싶은 단축키 부분을 User에 옮겨서 사용할 수 있습니다. 왼쪽에 Emmet 기본설정을 보면 태그로 감싸는 단축키가 주석으로 되..