Enfiladed

делать ветку каждые N минут/часов – это бред.
ветка должна быть логичной: пилите новую фичу – делаете новую ветку, пилите новую версию – делаете новую ветку, надо что–то проверить/поэкспериментировать –делаете новую ветку.

комиты – чем чаще, тем лучше, особенное если над кодом работает много людей. но тоже не по секундомеру.

нет четких правил, просто пользуйтесь здравым смыслом. со временем сами придете к тому, что удобно и что не очень.
ну и почитайте про git flow.

Там нечего забывать.
overflow:hidden и пара событий для мышки и сенсоров: onwheel, touchmove

Причем, можно детектить вебкиты, и для них ничего не делать скриптами, а скрыть полоску стилями. Скролл будет работать.

<chat-message ...> должен быть прописан в шаблоне текущего компонента с v-for директивой, а по событию нужно добавлять данные в массив в состоянии. Прямая работа с DOM не приветствуется, тем более здесь она вообще не в тему. Смотрите документацию по Vue.js

вместо этого

app.listen(port, function() {
  console.log(`Сервер успешно запущен, порт - ${port}`);
});

это

http.listen(port, function() {
  console.log(`Сервер успешно запущен, порт - ${port}`);
});

npm i autosize
В нужном компоненте:

import autosize from 'autosize';

mounted() {
    autosize(this.$refs.someEl);
}

То есть вы всё корректно сделали, но видимо что-то не так с путями или что-то ещё.

По поводу плагинов и компонентов-обёрток есть раздел в документации.

PSR-4

"psr-4": {
    "App\\": "src/"
}

И имена файлов классов с заглавной буквы (Chat.php, Server.php)