Зависит от шаблона, дизайн макета и того что нужно сверстать. Например если вам нужно сверстать лендинг (без шапки и подвала), то весь код html можно разместить прямо в редакторе материала Joomla. А css там где следует из документации шаблона. Шапка подвал - подцепиться к существующей в шаблоне разметке или создать переопределение шаблона со своей разметкой. Если нужно сверстать магазин - это интегрировать верстку в php файлы магазина. Если лайоут стандартного блога, то в большинстве случаев это просто переопределение CSS стилей. Сборка gulp с препроцессорами я так понимаю прямо в Joomla вряд ли возможна. Но опять же, зависит от шаблона. По сути можно верстать на локалке отправляя скомпилированный css файл на сервер.
В общем в большинстве случаев верстка в Joomla - это не просто html / css / js пилите широким потоком, а интеграция в отдельные части системы в php файлы.
Я например не использую сборки gulp. Просто подключаю VS Code по FTP, вытаскиваю и редактирую нужные php, css, js файлы, если требуется создаю переопределения шаблонов средствами Joomla из админки, перед их редактированием в VS Code. Расставляю нужные классы в нужных местах через средства админки опять же
Простой
Средний
