- colorvariabletracker는 특정 SCSS, CSS 파일의 컬러 변수를 추적할 수 있습니다.
- 기능은 컬러 변수 리스트 보기, 변수명이나 컬러값으로 컬러 검색하기, 추적하고 있는 컬러파일 바로가기 입니다.
- 컬러 변수는 변경시 동적으로 리스트가 업데이트됩니다.
- *colorVariableTracker can track color variables in specific SCSS and CSS, SASS files.*
- The extension provides to view a list of color variables, search for colors by variable name or color value, and open the color file being tracked.
- When color value change, the list is immediately updated.
- vscode 사이드바 영역에서 선언된 컬러 변수를 표 형태로 볼 수 있습니다.
- You can see the declared color variables in the table form of vscode sidebar.
- 변수명 혹은 컬러값으로 검색해, 컬러 변수를 검색할 수 있습니다.
- You can search for color variables by using variable name or color value.
- 현재 추적하고 있는 컬러 파일을 열 수 있습니다.
- You can open the color file that are tracking.
- 현재 추적하고 있는 컬러값을 수정하면, 리스트에 변경된 값이 반영됩니다.
- If you modify the color value, the changed value will be reflected in the list.
- 리스트에서 컬러 변수의 컬러를 클릭으로 바로 복사할 수 있습니다.
- You can copy the color by clicking on color box.
- extension을 사용하기 위해, 추적할 컬러 파일의 상대 경로를 지정해야 합니다.
.vscode/settings.json에서 추적하고 싶은 컬러 파일의 상대 경로를 추가합니다.- To use the extension, you must specify the relative path to the color file you want to track.
- Add the relative path of the color file you want to track in
.vscode/settings.json.
{
"colorVariableTracker.filePath": "/color.scss"
}- 그 다음, vscode의 command palette에서 명령어(
register)를 입력하면, 사이드바가 업데이트됩니다. - Next, when you enter the command (
register) in vscode's command palette, the sidebar is updated.
