А в чем пишут проекты профессиональные сайтоделы (html, php, js)? Не в нотепаде же они пишут с обновлением окна браузера

В профессиональных средах разработки IDE есть и свои редакторы типа NotePad++ и свои браузеры интегрированные в IDE.

В чем верстать - неважно, хоть в виндовом блокнотике... но чаще используется atom или vs code.
За лайв превью отвечает сборщик/таскер (webpack/parcel/gulp/…).

Самое профессиональные IDE от JetBrains. В данном случае это PhpStorm.
Насчет обновлений браузера - не знаю, я не веб-разработчик. Но знаю, что хороший программист очень мало переделывает свой код.

Профессиональные разработчики используют IDE.(интегрированная среда разработки)
JavaScript, CSS & HTML → JetBrains WebStorm
PHP → JetBrains PhpStorm

Обновление окна браузера осуществляет скрипт сборщика проекта выполняемый таск-менеджером (Gulp, Grunt).
Ибо профессионалы пишут код с использованием шаблонизаторов
HTML → Pug, Twig, CSS → SCSS, Sass, Less, Stylus, JavaScript → TypeScript, Babel, CoffeeScript

У каждого на счёт этого свои предпочтения кто то использует notepad++ а кто то sublime text а другие вообще VS Code. На счёт обновления в браузере не совсем понял, наверное имели введу про автообновление страницы при сохранении для этого используют browser sync либо плагин для chrome livereload. А выбор редактора у каждого свой кому что у всех разные вкусы.

Для HTML, CSS и JS мне нравится Brackets, а для PHP использую Eclipse. Результат проверяется собственно браузером в случае фронта, а бэк в т. ч. по логам или тестами.