Natürlich weiß ich, dass sie Git brauchen, aber hier endet mein Wissen.
Angenommen, ich habe eine .scss-Datei, die ich bearbeitet habe, und ich möchte sie kompilieren und auf meinem Remote-Server ablegen, um zu sehen, wie sie aussieht. Was jetzt?
Es gibt nur sehr wenige Informationen darüber, wie dies tatsächlich zu tun ist. Gleiches gilt für Gulp.
Ich habe das Gefühl, dass mir hier eine Art Mittelsmann fehlt.
Kann mich jemand in die richtige Richtung weisen?
Antworten:
npm install gulp-cli --global
npm init
npm install gulp gulp-sass --save-dev
gulpfile.js
mit folgendem Inhalt:scss
mit einer aufgerufenen Dateimain.scss
gulp
ansehengulp watch
Ich empfehle Ihnen, PostCSS mit cssnext auch zum automatischen Fixieren und gulp-clean-css zum Minimieren Ihres CSS zu verwenden. Um dies zu verwenden, müssen Sie die folgenden Dinge tun:
npm install gulp-postcss postcss-cssnext gulp-clean-css --save-dev
gulpfile.js
zu folgenden:Ich empfehle Ihnen auch, dies zu lesen , um mehr über die Sass-Bascis zu erfahren.
quelle
Es gibt einige Websites mit Videos zur Verwendung verschiedener Webentwicklungskomponenten. Hier ist eine alphabetische Liste von Orten, an denen man eine Reihe von Videos zu verschiedenen Programmierthemen ansehen kann:
Für Git sollten Sie sich eine dieser Software-Versionen zulegen, da sie über visuelle GUIs verfügen:
Die CLI (Command Line Interface) ist eher für Hauptbenutzer gedacht. Zumindest können Sie lernen, wie Git funktioniert, indem Sie sich ansehen, wie Verzweigen und Zusammenführen funktioniert. Hier ist die offizielle Seite darüber, wie Git Branching funktioniert. Die Abbildungen helfen dabei, die von der Software verwendeten Beschriftungen / Verzweigungs-Tags zu verstehen. Es ist kein einfacher Prozess, etwas über Git zu lernen ... aber mit etwas Arbeit und Geduld können Sie es als Fertigkeit für Ihre Fähigkeiten erlernen.
quelle
Saas ist ein flexibles Build-System für CSS-Dateien. Sie können Ihren CSS-Dateien ein wenig Logik als Vorlagen hinzufügen und das Ändern bestimmter Werte beim Erstellen vereinfachen. Ein Beispiel ist, wo Sie eine Schriftfarbe für eine große Anzahl von Elementen ändern möchten. Die vorherige Methode bestand darin, die CSS-Datei zu durchsuchen und jede CSS-Regel separat zu ändern. Wenn Sie diese verwenden, kann dies bei Saas sehr lange dauern Geben Sie den Wert in der .scss-Datei als Variable an und definieren Sie ihn oben im Dokument oder über eine Konfiguration. Wenn Sie die .scss-Dateien in .css-Dateien erstellen, werden die Variablen durch den Wert ersetzt, den sie darstellen. ( http://sass-lang.com/ )
Gulp ist nur ein Build-Automatisierungssystem. Gulp kann in einer Reihe von IDEs und einer Vielzahl von Sprachen verwendet werden und wird als Toolkit vermarktet, um zeitaufwändige Aufgaben im Entwicklungsworkflow zu automatisieren. ( http://gulpjs.com/ )
quelle