Recent Posts
Recent Comments
Tags
- 비디오 사이즈 조절
- sass compile
- sass파일 폴더별 컴파일
- soucetree
- SVG활용
- JavaScript
- tab panel
- 폴더별컴파일
- html include
- checkbox select
- 소스트리 계정연동 오류
- 소스트리 SSH 에러
- inlude
- scss
- color thema
- livesasscompiler
- React
- 권한에러
- 깃랩 ssh키 에러
- javascript tab panel
- 테마변경하기
- front-end
- vscode 확장프로그램
- 웹퍼블리싱
- Live Sass Compiler
- input커서사이즈
- css
- 다중경로컴파일
- 비주얼스튜디오코드에서 scss컴파일하기
- 체크박스만들기
Archives
- Today
- Total
목록Live Sass Compiler (1)
얕지만 쓸데있는 신비한 잡지식들

예전에 scss를 써볼까해서 gulp로 프로젝트 폴더를 빌드하고 scss 파일을 컴파일하는 테스트를 해본적은 있었지만실제 업무에서는 사용할 기회가 업었다.그러다 리액트환경에서 처음 scss를 업무에서 도입해봤는데...헐...아니 세상에...너무 편했다...그래서 찾아보니 VSCode에서 편하게 컴파일 해주는 Extension이 있었다. 우선 VSCode Extension에서 Live Sass Compiler를 설치해주자 설치를 하면 우측 하단에 Watch Sass라는게 생기는데 그걸 눌러서 실행하면scss 파일을 작성하고 저장할때마다 실시간으로 css 파일로 컴파일해준다. 컴파일할 파일의 확장자나 컴파일방법, 저장 경로등의 설정은 VSCode의 settings.json파일에서 설정가능하다. 옵션은 아래..
HTMLㅣCSS
2021. 5. 19. 19:32