How to connect gulp (browserSync, etc.) Vue.js to a project?

Question

gulp.js

I made the layout of the landing on pug&scss, the Gulp 4 assembler. Now I need to connect Vue.js to the layout for different actions... And I don’t understand how to do it.
Or is it better to create a new project on Webpack and Vue.js and insert ready-made layout pieces into the "template" block, etc.?
I bring a piece of the package.json file if anyone is interested, vue ended up there after installation via npm, but I don’t understand what to do next:

"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"
  }

Answer 1

A very strange question. Have you read the Vue documentation ? Once installed, hook and include the main Vue. And work.

Answer 2

The Vue CLI is perfect for you . There, webpack will do everything you need, you should not drag it into the galp project.