[PYTHON] Vue.js + Mémorandum de construction de l'environnement Flask ~ avec Anaconda3 ~

introduction

Je veux utiliser Vue avec mon Flask préféré, alors notez la procédure de construction de l'environnement. C'est un gribouillage pour moi.

Personnage

procédure

créer un environnement virtuel conda

Créez un environnement virtuel avec les bibliothèques nécessaires installées dans Anaconda3. Je crée généralement un dossier de développement appelé scripts dans l'environnement conda. Alors, créez un dossier flask et un dossier vue dedans.

construction d'environnement de flacon

from flask import Flask, render_template, request, jsonify, make_response, send_file
app = Flask(__name__, static_folder='../vue/dist/static', template_folder='../vue/dist')

@app.route('/')
def index():
	return render_template('index.html')

if __name__ == "__main__":
    app.run()

Spécifiez le dossier de construction de vue avec template_folder et static_folder.

vue création d'applications et paramètres de construction

Créez une application dans le dossier vue. Je le crée rapidement avec vue ui. Créez un fichier de configuration appelé vue.config.js directement sous le dossier vue et procédez comme suit.

module.exports = {
    assetsDir: 'static',
  };

Le réglage consiste à enregistrer tous les fichiers .js et ainsi de suite dans le dossier dist / static.

Achevée

Si vous démarrez le serveur flask après la construction avec vue, l'application vue sera chargée.

Recommended Posts

Vue.js + Mémorandum de construction de l'environnement Flask ~ avec Anaconda3 ~
Mémorandum de construction du site Flask
Mémo de construction de l'environnement Anaconda
Construction de l'environnement MacOS 10.11: Powerline avec Anaconda et Dein.vim
[0] Construction de l'environnement TensorFlow-GPU avec Anaconda sur Ubuntu
De la construction d'environnement Python à la construction d'environnement virtuel avec anaconda
Construction de l'environnement Python + Anaconda + Pycharm
Installer l'environnement Python avec Anaconda
Construction de l'environnement Anaconda sur CentOS7
Procédure de construction de l'environnement python Anaconda3
Anaconda3 × Mémo de construction de l'environnement Pycharm
Ubuntu 16.04 LTS, mémorandum de construction d'environnement pour débutant pour changer la version d'Anaconda avec pyenv
De la construction de l'environnement au déploiement pour flask + Heroku avec Docker
Construction de l'environnement Anaconda Python sous Windows 10
Construction de l'environnement Ruby avec AWS EC2
Construction de l'environnement Anaconda sur Mac (version 2018)
[Django] Mémorandum de procédure de construction d'environnement
Construction d'un environnement Jupyter facile avec Cloud9
Construction d'environnement Python (pyenv, anaconda, tensorflow)
Créer un environnement Flask avec Dockerfile + docker-compose.yml
Automatisez la construction d'environnement avec ShellScript
Construction de l'environnement Python3 avec pyenv-virtualenv (CentOS 7.3)
Utilisation de Chainer avec CentOS7 [Construction de l'environnement]
Construction de l'environnement pytorch @ python3.8 avec pipenv
Construction de l'environnement Python3.6 (à l'aide de l'environnement Win Anaconda)
Fonction de téléchargement d'image avec Vue.js + Flask
Créer un environnement avec pyenv et pyenv-virtualenv
Application Web réalisée avec Python + Flask (en utilisant VScode) # 1-Construction d'environnement virtuel-
[Ubuntu 18.04] Créer un environnement Python avec pyenv + pipenv
[Python] Création d'un environnement avec Anaconda [Mac]
Procédure de construction de l'environnement de développement Python (anaconda) (SpringToolsSuites) _2020.4
Changer l'environnement Python 64 bits en environnement 32 bits avec Anaconda
J'ai essayé linebot avec flacon (anaconda) + heroku
[Python] Créez un environnement virtuel avec Anaconda
Créer un environnement Python avec Anaconda sur Mac
Un mémo rempli de construction d'environnement RADEX
Entendons-nous bien avec Python # 0 (Construction de l'environnement)
Construction de l'environnement Django
Collecter des informations depuis Twitter avec Python (construction de l'environnement)
[Memorandum] Environnement de distribution Discord construit uniquement avec Linux
Construction de l'environnement DeepIE3D
Construction d'environnement basée sur Emacs
Construire un environnement d'analyse avec Docker (jupyter notebook + PostgreSQL)
Construction de l'environnement Linux
Construction de l'environnement Python (Anaconda + VSCode) @ Windows10 [version janvier 2020]
Construire un environnement Anaconda pour Python avec pyenv
Construction d'environnement (python)
construction d'environnement django
Installation de Python 3 et Flask [Résumé de la construction de l'environnement]
Construction de l'environnement CodeIgniter
[Memo] Créez un environnement virtuel avec Pyenv + anaconda
Construction d'environnement Poetry-virtualenv avec python de centos-sclo-rh ~ Notes
construction d'environnement python
Python - Construction de l'environnement
Modèle de construction d'environnement de développement local Python [Flask / Django / Jupyter avec Docker + VS Code]
Flux de création d'un environnement virtuel avec Anaconda
Construction de l'environnement Python