Combining backend and frontend in one project

Is it possible in Pycharm to combine Vue.js based project and Flask?

From what I see I can either start Flask or Vue.js project separately but what if I need both for my project? Is it possible to load all vue.js modules and then add flask based modules to the same project directory in pycharm (like setting up venv automatically and stuff)?

Im using professional edition.

0
1 comment

Hi,

I don't see any problems with that. Typically you source Vue.js scripts in your HTML file. That HTML file can also be a Flask template. You only need to use one Flask run/debug configuration from PyCharm.

Take this hello-world example of Vue.js https://scrimba.com/p/pXKqta/cQ3QVcr

Now, create a simple Flask app and use index.html as a template for your Flask script.

UPDATE: You will likely need to tell Flask how to load your static files.

0

Please sign in to leave a comment.