VSCode3 [scss] scss 컴파일시 .map 파일 없애기 nm817.tistory.com/37?category=816930 [vscode] vscode에서 scss 사용하기 sass를 컴파일하여 css로 사용하는 방법엔 여러가지가 있다. 이 글에서는 vscode에서 간편하게 scss를 컴파일 하는 방법을 다루겠다. [필요 extension] - sass - sass Lint - live sass compiler - live server.. nm817.tistory.com 위 글을 보면 추가글로 정리해두었지만, 써놓고 내가 못찾아서 다시 정리합니다.......... { "liveSassCompile.settings.formats":[ { "format": "expanded", "extensionName": ".css", "savePath": "~/../css" .. 2020. 10. 20. [vscode] html 자동완성 / 템플릿 자동으로 만들기 Sublime에서 html 입력 후 tab 키나 ctrl + space 를 누르면 html 기본 틀이 자동으로 만들어지는 편리한 기능이 있다. Sublime에 익숙한 개발자라면, vscode를 접했을때 html + tab 을 했을 때 이렇게만 뜨는것에 적잖이 당황했을 수 있다. vscode의 경우 html5 이전의 버전과, html5의 버전을 구분한다. 우리가 원하는 건 위와 같은 화면이 나오는 것인데, 여러가지 방법이 있다. 1. html 입력 후 미리보기에서 선택 2. html:5 입력 후 tab 혹은 ctrl+space 3. ! 입력 후 tab 혹은 ctrl+space 위와같은 방식들을 사용하면, 1번사진과 같은 html 템플릿을 자동완성 할 수 있다. 2020. 1. 27. [vscode] vscode에서 scss 사용하기 sass를 컴파일하여 css로 사용하는 방법엔 여러가지가 있다. 이 글에서는 vscode에서 간편하게 scss를 컴파일 하는 방법을 다루겠다. [필요 extension] - sass - sass Lint - live sass compiler - live server 설치를 완료했다면, 페이지 하단에 Live Sass Compiler와 닮은 아이콘이 생긴것을 볼 수 있다. 이제 자신의 scss파일을 Watch Sass 를 이용해서 컴파일을 할 수 있게 되었다. 테스트로, reset.scss를 가져와 컴파일을 해보았다. Watching... 이라는 메세지와 함께, 같은 경로에 컴파일된 reset.css와 reset.css.map 파일이 생성된 것을 확인할 수 있다. 실제로 확인해 보면 reset.css를 이.. 2019. 11. 24. 이전 1 다음
