node
-
[Gulp] gulp-sass 사용법.FrontEnd/Nodejs , Task Runner 2016. 7. 12. 11:20
설명 SASS(SCSS)을 컴파일 하는 Gulp 플러그인 인스톨 npm install gulp-sass --save-dev 옵션PS. 쓸만한 애들만 작성함 옵션명 데이터타입 기본값 사용가능값 설명 outputStyle String nested nested , expanded , compact , compressed CSS의 컴파일 결과 코드스타일 지정 indentType String space space , tab 컴파일 된 CSS의 "들여쓰기" 의 타입 indentWidth Number 2 Number 컴파일 된 CSS의 "들여쓰기" 의 갯수 precision Number 5 Number 컴파일 된 CSS의 소수점 자리수. sourceComments Boolean false Boolean 컴파일 된 C..
-
[webstorm] 윈도우 웹스톰에서 node LESS 컴파일러 설정하기 (file watcher)FrontEnd/Tools , Program 2015. 11. 17. 13:58
* 웹스톰 10.0.4 버전을 기준하여 작성함.* node가 설치되어있다고 가정. 1. 프로젝트를 오픈시킨다.(만들던가..) 2. 웹스톰 터미널(맨 하단에 있음)을 클릭해서 커멘드창을 연다. 3. npm install less 설치 4. 웹스톰에서 "Setting > Tools > File Watchers"으로 이동해서 "+"모양 클릭 > LESS 추가. 5. "Program" 부분에는 노드의 경로를 넣음. (ex : C:\Program Files\nodejs\node.exe ) 6. "Arguments" 부분에는 LESS 경로를 넣고, 실행할 구문을 넣음 (ex : C:\npm\node_modules\less\bin\lessc --no-color $FileName$ ) 7. 맨 하단에 "Create o..