How to organize the development of a JS full stack application?

Question

Backend

I have separate back and front (Node and Vue). Running front and back separately is generally fine. But how to work with all this? Keep two editors open - one for the back and one for the front? How do they deal with it in sales? How convenient is it to set up development so that you can work with all this from one editor and see the logs of both the front and back?

Answer 1

We have something like this:
1. common control - react (VS Code)
2. application - react (VS Code)
3. net core - C# (VS 2019)
1. before starting work in 1 project, the npm link is executed, the console does not close
2. then in project 2, npm link @company/commonctrl is executed, the console does not close, execute npm start
3. npm run build-babel in project 1
4. start the backend in project 3
5. edits in project 1 are pulled into project 2 after the command npm run build- babel in project 1
6. backend needs to be restarted
7. ms sql management studio is opened separately to edit queries

Answer 2

I'm using monorepo from nx . But the truth is that vue support is not there, but there are some libraries for this. Try it :)