Александр Викторович

бац
ul.list>li.item*3>a.link|c

// файл settings.json
"emmet.preferences": {
    "filter.commentBefore": "<!-- [.CLASS] -->\n",
    "filter.commentAfter": "\n<!-- [.CLASS] -->",
    "filter.commentTrigger": [
        "id",
        "class"
    ]
},

Плагин Prettier - Code formatter, все настройки

Создайте файл .prettierrc в корне проекта

// https://prettier.io/docs/en/options.html#bracket-spacing
{
	"bracketSpacing": false
}

Альтернатива, но не помню какие опции отвечают за данный функционал

Если вы про производительность, то дело в модуле chokidar, нужно активировать usePolling

watch(["app/**/*.scss"], { usePolling: true }, styles);

примерно так, не проверял.

https://gulpjs.com/docs/en/getting-started/creatin...

установить зависимости npm install gulp sass browser-sync del --save-dev

// gulpfile.js
'use strict';

const { src, dest, lastRun, watch, series, parallel } = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const browserSync = require('browser-sync').create();
const del = require('del');

const path = {
	templates: {
		src: 'src/templates/*.html',
		dest: 'build',
		watching: 'src/templates/**/*.html',
	},
	styles: {
		src: 'src/styles/main.scss',
		dest: 'build/assets/css',
		watching: 'src/styles/parsials/**/*.scss',
	},
	fonts: {
		src: 'src/fonts/*',
		dest: 'build',
		watching: 'src/fonts/**/*',
	},
	images: {
		src: 'src/images/*',
		dest: 'build',
		watching: 'src/images/**/*',
	},
};

function cleanup() {
	return del([path.build]);
}

function server() {
	browserSync.init({
		server: {
			baseDir: './build/',
		},
		port: 3004,
		open: false,
		notify: true,
		browser: 'default',
		online: true,
		// logLevel: 'debug',
	});
}

function templates() {
	return src(path.templates.src)
		.pipe(dest(path.templates.dest))
		.on('end', browserSync.reload);
}

function styles() {
	return src(path.styles.src)
		.pipe(sass.sync())
		.pipe(dest(path.styles.dest))
		.on('end', browserSync.reload);
}

function watching() {
	watch(path.templates.watching, series('templates'));
	watch(path.styles.watching, series('styles'));
	watch(path.images.watching, series('images'));
}

exports.default = series(templates, styles);

exports.development = series(cleanup, exports.default, parallel(watching, server));

// package.json добавить 
.....
"scripts": {
    "start": "gulp development",
},
.......

запуск npm run start

Помогло данное решение, с плагином gulp-wait.

const wait = require('gulp-wait');

gulp.task('html', function() {
	return gulp.src(path.html)
		.pipe(gulp.dest(path.html))
		/* wait */
		.pipe(wait(200))
		.pipe(connect.reload());
});

watch('./app/**/*.html', gulp.parallel( bs.reload ))

/**/

// .jsbeautifyrc
"max_preserve_newlines": 2,

Settings

// settings.json
"editor.formatOnPaste": false,