我了解Sass和Gulp及其好处，但我不知道如何实际使用它们

显然，我知道他们需要git，但这就是我学到的地方。

假设我有一个已编辑的.scss文件，我想对其进行编译并将其放置在远程服务器上以查看其外观。现在怎么办？

关于如何实际执行此操作的信息很少。与Gulp相同。

我觉得我在这里缺少某种中间人。

谁能指出我正确的方向？

1. 安装Node.js
2. 使用以下命令全局安装Gulpnpm 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一起用于自动前缀，并使用gulp -clean-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']）
}）

我还建议你阅读此，了解萨斯bascis。

有些网站上有关于如何使用各种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. Atlassian SourceTree

CLI（命令行界面）更适合高级用户。至少您可以通过查看分支和合并的工作方式来开始学习Git的工作方式。这是有关Git分支如何工作的官方页面。插图将帮助您理解软件使用的标签/分支标签。学习Git并不是一个简单的过程...但是经过一些工作和耐心，您可以将其作为技能组的一种技巧来学习。

Saas是CSS文件的灵活构建系统。它允许您向CSS文件中添加一些逻辑作为模板，并使在构建时更改某些值更加容易。一个示例是您要更改大量元素的字体颜色，以前的方法是遍历CSS文件并分别更改每个CSS规则，并且可能需要很长时间才能使用Saas的新方法。将.scss文件中的值指定为变量，然后在文档顶部或通过配置对其进行定义，然后在将.scss文件构建为.css文件时，变量将替换为它们代表的值。（http://sass-lang.com/）

Gulp只是一个构建自动化系统。Gulp可以在多种IDE和多种语言中使用，并作为工具包销售，以帮助自动化开发工作流程中的耗时任务。（http://gulpjs.com/）