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