Ich habe gerade etwas Sass gelernt mit codecademy.com
, und ich habe keine Ahnung, wie man "compile" meine main.scss
Datei zu meiner main.css
Datei. Weiß jemand, wie ich dies mit Notepad ++ und/oder Sublime Text als meinen Texteditor (en) machen kann?Wie kompilieren Sie SASS-Code zu CSS?
Antwort
Sie benötigen den SASS Pre-Processor, um SASS in CSS zu kompilieren. Sie sollten entweder Compass oder SASS zum kompilieren verwenden. Wenn Sie an Ihrem Projekt arbeiten, können Sie den Kompass-Beobachter ausführen, um Ihre CSS-Dateien auf dem neuesten Stand zu halten, wenn Änderungen vorgenommen werden.
$ cd /path/to/project
$ compass watch
Compiling Sass into CSS in Sublime Text ist möglich, mit einem Plugin SassBuilder genannt, die Sie durch Package Control (siehe Screenshot) installieren können.
BTW, eine kurze Frage. main.scss
bis main.sass
oder main.css
?
main.scss zu main.css Entschuldigung –
@KeeganBrown Great. BTW, hilft meine Antwort Ihnen? –
Es gibt drei Optionen:
Als eine andere Person erwähnt Sie einen Text-Editor mit Sass-builder in als eine der Optionen verwenden können. Dies ist die einfachste Möglichkeit. Möglicherweise müssen Sie Ruby noch installieren, damit es funktioniert.
Sie können einen Pre-Prozessor wie Gulp oder Grunt verwenden, um es für Sie zu tun. Ich empfehle Gulp für Anfänger.
Sie es durch das Herunterladen SASS über Ruby-Paket-Manager manuell tun können:
- installieren Rubin: https://www.ruby-lang.org/en/downloads/
- öffnen Powershell oder Terminal und navigieren
"gem install sass"
in Ihr Projektverzeichnis - Typ sass installiert haben .
- Erstellen Sie nun ein Verzeichnis mit all Ihren Sass-Dateien und ein weiteres mit dem Ziel der CSS-Datei.
- Typ
sass --watch "yoursassdirectory"/style.scss : "yourcssdirectory"/style.css
- Jetzt wird Sass Ihre Sass-Dateien ansehen und kompilieren, während Sie sie speichern.
- 1. Kompilieren Sie Java zu asm.js
- 2. Kompilieren Sie Kotlin zu JavaScript
- 3. CSS in Flex ohne Kompilieren?
- 4. kompilieren weniger Datei zu Css in Expressjs 4.x
- 5. Wie kompilieren Sie Drools-Regeln?
- 6. So kompilieren Meteor Css Bundle auf Serverseite
- 7. So kompilieren Sie Ocaml zu nativem Code
- 8. Wie zu definieren, wenn $ kompilieren Service fertig Kompilieren in eckigen
- 9. GWT - Kompilieren zu HTML-Datei
- 10. Wie automatisch LESS in CSS auf dem Server kompilieren?
- 11. Wie viel CSS ist zu viel CSS?
- 12. HTML, um zu kompilieren oder nicht zu kompilieren ... extern?
- 13. Wie kompilieren Sie ohne Verknüpfung in Automake?
- 14. Wie kompilieren Sie OpenSSL für x64?
- 15. Kompilieren zu ES6?
- 16. Wie kompilieren Sie libcollections für ARM?
- 17. Wie kompilieren Sie GCC ohne _alloca?
- 18. Iterate durch mehrere Ordner alle SASS zu CSS in Gulp zu kompilieren
- 19. f # kompilieren zu langsam
- 20. Kompilieren zu xslt?
- 21. Mathematica - Wie BitShiftRight (oder Links) zu kompilieren?
- 22. Wie gcc mit statischer Bibliothek zu kompilieren?
- 23. Wie memcached aus Github Quellen zu kompilieren?
- 24. Wie geparkt Bibliothek in Gradle zu kompilieren?
- 25. Fragen zum Kompilieren zu LLVM
- 26. Kompilieren Sie C in MIPS
- 27. Kompilieren Sie C# → LLVM → ASM.JS?
- 28. Wie debuggen Sie druckbares CSS?
- 29. Kompilieren Sie JInput auf ARM
- 30. Laravel 5 Elixir dauert zu lange, um zu kompilieren WENIGER
http://www.hongkiat.com/blog/sublime-text-compiling-sass/ –
@mparnisari Eeeks ... Wann hast du auch dieses Kommentar? –
'main.scss' zu' main.sass' oder 'main.css'? –