How to make MAMP work correctly?

Question

macOS

Hello! I installed MAMP for the first time, specified the PhpstormProjects directory as the Document Root.
As a result, sites are opened from the MAMP start page, but still not from the editor itself (502 Bad Gateway).
Accordingly, I cannot fix changes, etc. because these processes go through the development environment.
Please tell me what I'm doing wrong, what settings did I miss?

Answer 1

I actually figured it out, maybe it will help someone - you need to register a proxy in the browserSync configuration:

gulp.task('browser-sync', function() {
  browserSync({
    proxy: "http://localhost:8888/website/app/",
    notify: false,
    browser: 'google chrome',
  })
});

PS For future generations, I will also leave here a short instruction on adding a php interpreter to PhpStorm: https://www.youtube.com/watch?v=CqHWhaPOfos