На скриншоте (из лекций по PHP от Специалиста ) используется расширение Integrated Development.
Устанавливаем его из Менеджера расширений.
Далее идем: Правка -> Edit Builder
Находим там: "cmd": "php $FILE",
Меняем эту строку на: "cmd": "C:/PHP-5.6/php.exe $FILE",
(не забудьте поставить свой путь до PHP вместо C:/PHP-5.6/php.exe)

Для подключения локально:
1) Скачать архив link in github.
2) Извлечь папку «iconfont» и положить в проект (684 КБ).
3) Подключить. Например через HTML:

<link href="fonts/iconfont/material-icons.css" rel="stylesheet">

4) Выбрать и добавить иконку в HTML:

<i class="material-icons">settings_input_svideo</i>

5) Стилизовать:

.material-icons {
    color: #ffffff; 
    font-size: 24px;
}

Да ну всё просто - поставьте галочку в настройках Live Server - напротив Settings: Full Reload и перезапустите его.
Не нужно никаких Gulp и Node.Js на начальном уровне - не тратьте на это время! Практикуйтесь в написание кода - это самое важное!

https://github.com/ManuelSch/sass-scss-converter

Это единственное что работает с переменными и разного рода хитростями в SASS.
Не переносит только пустые классы.

Спасибо Николю Николай Шабалин

В настройках VSCode в поиске вбить: Show Output Window On