Как подключить к проекту gulp (browserSync и т.д.) Vue.js?

Сделал верстку лендинга на pug&scss, сборщик Gulp 4. Теперь надо подключить к верстке Vue.js для разных действий... И что-то не понимаю, как это сделать.
Или лучше создать новый проект на Webpack и Vue.js и уже туда готовые куски верстки вставлять в блок "template" и т.д.?

Привожу кусок файла package.json если кому интересно, vue там оказался после установки через npm, а вот что дальше делать - не понимаю:

"devDependencies": {
		"@babel/core": "7.1.2",
		"@babel/plugin-syntax-dynamic-import": "7.0.0",
		"@babel/plugin-transform-runtime": "7.1.0",
		"@babel/preset-env": "7.1.0",
		"@babel/runtime": "7.1.2",
		"autoprefixer": "9.3.1",
		"babel-eslint": "10.0.1",
		"babel-loader": "8.0.4",
		"browser-sync": "2.26.3",
		"connect-history-api-fallback": "1.5.0",
		"cssnano": "4.1.7",
		"emitty": "1.4.0",
		"gulp": "4.0.0",
		"gulp-debug": "4.0.0",
		"gulp-eslint": "5.0.0",
		"gulp-if": "2.0.2",
		"gulp-imagemin": "4.1.0",
		"gulp-load-plugins": "1.5.0",
		"gulp-newer": "1.4.0",
		"gulp-notify": "3.2.0",
		"gulp-plumber": "1.2.0",
		"gulp-postcss": "8.0.0",
		"gulp-pug": "4.0.1",
		"gulp-pug-linter": "0.6.0",
		"gulp-rename": "1.4.0",
		"gulp-replace": "1.0.0",
		"gulp-sass": "4.0.2",
		"gulp-sourcemaps": "2.6.4",
		"gulp-svgmin": "2.1.0",
		"gulp-svgstore": "7.0.0",
		"gulp-zip": "4.2.0",
		"gulp.spritesmith": "6.9.0",
		"imagemin-mozjpeg": "8.0.0",
		"merge-stream": "1.0.1",
		"postcss-reporter": "6.0.0",
		"postcss-scss": "2.0.0",
		"stylelint": "9.7.1",
		"stylelint-declaration-block-no-ignored-properties": "1.1.0",
		"stylelint-order": "1.0.0",
		"stylelint-scss": "3.3.2",
		"vinyl-buffer": "1.0.1",
		"webpack": "4.24.0",
		"webpack-stream": "5.1.1",
		"yargs": "12.0.2"
	},
	"dependencies": {
		"@babel/polyfill": "7.0.0",
		"jquery": "3.3.1",
		"ninelines-ua-parser": "1.1.6",
		"normalize-css": "2.3.1",
		"svg4everybody": "2.1.9",
		"vue": "2.6.3"
	}