SassとGulpとその利点については知っていますが、実際に使用する方法がわかりません

もちろん、gitが必要なことはわかっていますが、ここで私の知識は終わりです。

編集した.scssファイルがあり、それをコンパイルしてリモートサーバーに配置して、ファイルの外観を確認するとします。今何？

これを実際に行う方法についての情報はほとんどありません。Gulpも同じです。

ここには、ある種の仲介者が欠けているように感じます。

誰かが私を正しい方向に向けることができますか？

1. Node.jsをインストールする
2. Gulpをグローバルにインストールするnpm install gulp-cli --global
3. GulpタスクとSassファイル用の新しいディレクトリを作成します
4. そのフォルダー内でnpmを初期化しますnpm init
5. GulpとSassを一緒にインストールする npm install gulp gulp-sass --save-dev
6. gulpfile.js次の内容でを作成します。

var gulp = require（ 'gulp'）

var sass = require（ 'gulp-sass'）

gulp.task（ 'scss'、function（）{
  gulp.src（ 'scss / main.scss'）
  .pipe（sass（））
  .pipe（gulp.dest（ './ build / css'））
}）

gulp.task（ 'default'、['scss']）

gulp.task（ 'watch'、function（）{
  gulp.watch（ 'scss / ** / *。scss'、['scss']）
}）

7. と呼ばれるscssファイルで呼び出されるフォルダを作成しますmain.scss
8. 今、あなたはそれを使ってそれを作り、それをgulp見ることができますgulp watch

私はあなたにも使用することをお勧めしますPostCSSをしてcssnext autoprefixing用と一息クリーン-cssのあなたのCSSを縮小化するために。それを使用するには、次のことを行う必要があります。

1. それらをインストールする npm install gulp-postcss postcss-cssnext gulp-clean-css --save-dev
2. をgulpfile.js次のように変更します。

var gulp = require（ 'gulp'）

var cssnext = require（ 'postcss-cssnext'）
var cleancss = require（ 'gulp-clean-css'）
var postcss = require（ 'gulp-postcss'）
var sass = require（ 'gulp-sass'）

gulp.task（ 'scss'、function（）{
  gulp.src（ 'scss / main.scss'）
  .pipe（sass（））
  .pipe（postcss（[cssnext（）]））
  .pipe（cleancss（））
  .pipe（gulp.dest（ './ build / css'））
}）

gulp.task（ 'default'、['scss']）

gulp.task（ 'watch'、function（）{
  gulp.watch（ 'scss / ** / *。scss'、['scss']）
}）

また、これを読んでSass bascisについて学ぶことをお勧めします。

さまざまなWeb開発コンポーネントの使用方法に関するビデオがあるWebサイトがいくつかあります。以下は、アルファベット順の場所のリストです。さまざまなプログラミングのテーマに関する一連のビデオを見ることができます。

1. https://www.codeschool.com
2. https://www.lynda.com
3. https://www.khanacademy.org
4. https://www.youtube.com（GitまたはGulpの検索、Web開発など）

以下のためのGit、あなたは彼らが視覚的なGUIを持っているとして、これらのソフトウェアのいずれかを取りに行くことになるでしょう：

1. GitHub
2. SmartGit
3. アトラシアンSourceTree

CLI（コマンドラインインターフェイス）は、パワーユーザー向けです。少なくとも、ブランチとマージがどのように機能するかを見ることで、Gitの機能を学ぶことができます。Git Branchingの仕組みに関する公式ページはこちらです。イラストは、ソフトウェアが使用するラベル/分岐タグを理解するのに役立ちます。Gitについて学ぶのは簡単なプロセスではありませんが、多少の労力と忍耐があれば、スキルセットのスキルとしてそれを拾うことができます。

Saasは、CSSファイルの柔軟なビルドシステムです。これにより、CSSファイルにテンプレートとしてロジックを少し追加して、ビルド時に特定の値を簡単に変更できるようになります。1つの例は、多数の要素のフォントの色を変更する場合です。以前の方法は、CSSファイルを調べて各CSSルールを個別に変更することでしたが、時間がかかる可能性があります。 .scssファイル内の値を変数として指定し、それをドキュメントの先頭で、または構成を介して定義するには、.scssファイルを.cssファイルにビルドすると、変数はそれらが表す値に置き換えられます。（http://sass-lang.com/）

Gulpは単なるビルド自動化システムです。Gulpは、さまざまなIDEやさまざまな言語内から使用でき、開発ワークフローで時間のかかるタスクを自動化するのに役立つツールキットとして販売されています。（http://gulpjs.com/）