.gif&blockId=11b00c82-b138-8050-a58b-dcbceda2ef8f)
floatFirstTOC: right
YAML
복사
기능
이 확장 기능은 소스 코드 내 문자열에 있는 css/scss/less(클래스 및 ID)에 대한 정의로 이동 및 작업 영역의 심볼로 이동 지원을 통해 HTML 및 ejs 코드 편집을 확장합니다.
이 확장 기능은 심볼 정의 추적의 모든 일반 기능을 지원하지만, CSS 선택기(클래스, ID 및 HTML 태그)에 대해 수행합니다. 여기에는 다음이 포함됩니다:
•
엿보기: CSS 파일을 인라인으로 로드하고 바로 거기에서 빠르게 편집할 수 있습니다. (Ctrl+Shift+F12)
•
이동: css 파일로 바로 이동하거나 새 편집기에서 열기(F12)
•
호버: 심볼 위로 마우스를 가져가면 정의가 표시됩니다(Ctrl+호버).
또한 심볼 공급자를 지원하므로 클래스 또는 ID 이름을 이미 알고 있는 경우 올바른 CSS/SCSS/LESS 코드로 빠르게 이동할 수 있습니다(이 기능을 사용하려면 최소 2자 이상을 입력해야 합니다). 스타일시트가 큰 경우 이 명령은 몇 초 정도 걸릴 수 있습니다.)
구성
•
cssPeek.supportTags - 클래스명 및 ID 외에 HTML 태그에서 피킹을 활성화합니다. React 컴포넌트는 무시되지만 Angular를 사용할 때는 이 기능을 비활성화하는 것이 좋습니다.
•
cssPeek.peekFromLanguages - 확장자를 사용해야 하는 vscode 언어 이름 목록입니다.
•
cssPeek.peekToExclude - 찾지 않을 스타일 파일을 필터링하는 파일 글로브 목록입니다. 기본값은 node_modules 및 bower_components입니다.
