Vue CLI and PHP

SheldonAndres

Maybe this is a possibility already, not sure. But I am wondering if I can use VS 2022 to create a Vue CLI project that would use php to do all the backend, but have Vue CLI as the front.
If this isn't possible, is this something that you guys could build and maybe GUI based CLI creation instead of command prompt?
Or any suggestions how I could achieve working in VS 2022 with Vue CLI and PHP? If it does have to be command prompt to start the project initially, okay... just would be handy if it was all in a GUI layout.

JakubMisek

SheldonAndres Thank you for the question.

It is possible to have PHP as a backend for the Vue application, but we don't have a specific project type for this scenario in Visual Studio.

Here is a tutorial for integrating View with PHP: https://reintech.io/blog/integrating-vuejs-with-php

You can follow https://learn.microsoft.com/en-us/visualstudio/javascript/quickstart-vuejs-with-nodejs?view=vs-2019 for pure Vue Node.js project in Visual Studio. Then I would create a PHP Project from Existing Code (https://docs.devsense.com/en/vs/project/from-existing-code) in the same folder, so you can run the PHP server there.

SheldonAndres

Ya, I've tried that, but can't seem to get it to work. I think it's because NPM and the php server need to run at the same time and be accessible on the same port or something?
Would be nice if you guys could add a project for this in Visual Studio. 😃
If not, well I'll figure out something eventually. Just I really enjoy using Visual Studio over VS Code.

JakubMisek

SheldonAndres I see!

Right, they will need to run two separate ports as two separate projects. In Visual Studio you can configure Solution to run two projects simultaneously.

SheldonAndres

Okay, thanks that helped and I am now able to do it in VS 2022.
Though I will still mention that a nice project option would be splendid.
However, now I can at least do it and will probably create a YouTube tutorial so that others can figure it out as well. 😃

JakubMisek

SheldonAndres I'm glad it works for you. If you'll be happy with the solution, we can then make a project template for it :)