며칠 전 Webstorm을 사용하여 scss 작업을 시작했으며 scss 파일을 저장 한 후 CSS 파일을 자동 생성/업데이트하는 것처럼 보입니다. 불행히도 scss 파일을 저장하면 CSS 파일이 변경되지 않습니다. 다른 위치에서이 파일을 작업 중이므로 Webstorm 설정이 다를 수 있습니다. 나는 파일 감시자가 그와 관련이 있을지도 모른다고 생각했지만 프로그램 분야에 무엇이 들어 있는지 확신하지 못한다. 왜 이런 일이 벌어지고 있는지 모르겠습니다.scss 파일에 저장하면 자동으로 CSS 파일이 업데이트됩니까?
답변
아니요, .SCSS
파일을 저장해도 최종 스타일 시트 파일이 자동으로 컴파일되지 않습니다. 당신이해야 할 일은 시계를 세우는 것입니다. 이를 수행하는 방법에는 여러 가지가 있습니다 (그리고 여러 가지 프로그램이 있습니다).
가장 직접적인 것은 명령 행을 통한 것입니다. 당신이 SASS 보석 설치 한 가정 (당신은 루비 환경에있어), 명령 줄에서 다음을 수행하십시오
이동을하여 .scss 파일/S가 유지되는 폴더로 이동합니다.
sass --watch style.scss:style.css
참고 :
는 다음 명령을 실행 위는 그렇지 않은 경우에 따라 조정, 당신의 .scss 및 .CSS 파일을 모두 스타일의 이름을 지정하는 것으로 가정합니다. 또한 .css 및 .scss 파일이 다른 디렉토리에 있으면 경로를 그에 따라 조정해야합니다.
기억
,sass --watch
는 yourScssFile.scss
: yourCssFile.css
은 또한 당신은 당신을 위해 파일을 볼 LiveReload 같은 응용 프로그램을 사용할 수 있습니다. 이것은 약간의 구성을 취할 것입니다 만, SCSS/SASS의 낡은 세계에서 시작하기 만하면 조금 쉬울 수도 있습니다.
Yopu는 WebStorm의 File Watchers를 사용하여 SCSS 변경시 CSS 파일. 그러나 외부 SCSS 컴파일러 (SASS gem)를 설치해야 할 수도 있습니다. 자세한 내용은 http://www.jetbrains.com/webstorm/webhelp/transpiling-sass-less-and-scss-to-css.html#d104715e458을 참조하십시오.
Jetbrain의 PyCharm IDE도 마찬가지입니다. SASS 파일을 생성하거나 편집하면 파일 편집기 맨 위에있는 도구 모음을 통해 아주 쉽게 감시자를 추가 할 수 있습니다. –
- 1. CSS 파일이 SCSS 파일과 동기화되지 않습니다.
- 2. Netbeans SCSS 파일이 CSS 파일처럼 자동 완성됩니다
- 3. `.scss` 파일을 다른`.scss` 파일에 포함 시키시겠습니까?
- 4. SCSS 파일에 가져온 파일이 표시되지 않습니다.
- 5. SQL 서버가 자동으로 업데이트됩니까?
- 6. 레일스가 작성되면 자동으로 업데이트됩니까?
- 7. 나뭇 가지 파일에 CSS 및 scss
- 8. scss 파일에 ~ 연산자가 사용됩니까?
- 9. Android 앱이 자동으로 자동 업데이트됩니까?
- 10. 엔티티를 제거하면 관계가 자동으로 업데이트됩니까?
- 11. SCSS : CSS 규칙
- 12. 플러그인 디렉토리에 SCSS 및 CSS 파일이 모두 있습니까?
- 13. xml 문서를 저장하면 파일이 손상됩니다.
- 14. 크롬이 SCSS 파일에 대한 변경 사항을 저장하지 않습니다
- 15. 게시 된 앱의 변경 사항을 저장하면 버전이 업데이트됩니까?
- 16. Aurelia-Cli를 추가하려면 .scss 파일이 필요합니다.
- 17. Sass를 사용할 때 .scss 또는 .css 파일에 업로드해야하는 파일은 무엇입니까?
- 18. PHPStorm File Watchers 접두사 및 압축 CSS 파일에 대한 SCSS
- 19. SCSS 파일에 CSS 구문 대신 Sass를 사용 하시겠습니까?
- 20. joomla를 업그레이드 할 때 어떤 파일이 업데이트됩니까?
- 21. 새 색인을 만들 때 통계가 자동으로 업데이트됩니까?
- 22. EF 4에서 .edmx가 변경되면 데이터베이스가 자동으로 업데이트됩니까?
- 23. 1 파일에 자동으로 CSS/js 콘텐츠가 있습니다.
- 24. 모든 가져 오기를 하나의 scss 파일에 연결하십시오.
- 25. SCSS 프로젝트를 구성하는 방법은 무엇입니까?
- 26. PDF 파일을 Mac에 저장하면 .html 파일이 생성됩니다.
- 27. WWW :: Mechanize로 PDF 파일을 저장하면 파일이 손상됩니다.
- 28. xlsx를 NPOI로 편집하고 저장하면 파일이 손상됩니다.
- 29. 프로그래밍 방식으로 ImageField를 저장하면 이미지 파일이 복제됩니다.
- 30. 열기 + 메모장의 .exe 파일을 저장하면 파일이 손상됩니다.
이 작업을 수행하는 프로그램을 제안 할 수 있습니까? – Randomishlying
내 대답에 대한 제안을 추가했습니다 :) – monners
이것은 또한 도움이 될 수 있습니다 (당신이 Mac에 있다고 가정) http://mac.appstorm.net/roundups/internet-roundup/5-mac-apps-that-make- css-preprocessors-easy-to-use/ – monners