gulp .vue是一種前端自動化構建工具，在前端開發中被廣泛使用。該工具可以幫助我們自動化地完成一些重復的、枯燥的、需要大量手動操作的任務，例如代碼壓縮、CSS預處理、文件合并等等。

在使用gulp .vue時，我們通常會通過命令行工具來進行安裝和配置。安裝gulp可以通過以下命令進行：

npm install gulp -g

安裝完成之后，我們需要在項目中創建一個gulpfile.js文件，用來定義任務和配置gulp的插件。下面是一個簡單的gulpfile.js文件示例：

var gulp = require('gulp');
var sass = require('gulp-sass');
var concat = require('gulp-concat');
gulp.task('sass', function() {
return gulp.src('src/scss/*.scss')
.pipe(sass())
.pipe(gulp.dest('dist/css'))
});
gulp.task('js', function() {
return gulp.src('src/js/*.js')
.pipe(concat('all.js'))
.pipe(gulp.dest('dist/js'))
});
gulp.task('watch', function() {
gulp.watch('src/scss/*.scss', ['sass']);
gulp.watch('src/js/*.js', ['js']);
});
gulp.task('default', ['watch']);

上述gulpfile.js文件定義了三個任務：sass、js和watch，其中sass和js都使用了對應的gulp插件來完成任務，watch則用來監聽文件變化。在watch任務中，我們使用gulp.watch方法來監聽指定的文件夾，如果有文件變化，就會重新運行相應的任務。最后，在gulpfile.js文件的末尾，我們以default任務的形式運行watch任務，這樣就可以通過在命令行中輸入“gulp”來啟動我們的自動化構建流程。