====== Gradio project (1) ======
=== Gradio project (1) ===

<= [[gradio|Terug naar Gradio Start]]

-> Opzetten van een **[[gradio|Gradio]]** project met **[[python|Python]]** en **[[vs_code|VS Code als editor]]**

===== Virtuele omgeving vanuit VS Code =====


Een Virtuele omgeving creëren vanuit VS Code
  * Open het Command Palette (Ctrl+Shift+P) in VS Code
  * Zoek het "Python: Create Environment" command en selecteer het
  * Kies de aanbevolen Python omgeving
  * Start een app door het start bestand te selecteren en rechts boven de editor op het play knopje te klikken

-> Pakketten toevoegen aan deze omgeving doe je via de terminal in VS Code.\\

-> **[[https://code.visualstudio.com/docs/python/environments|Python environments in VS Code]]** 

===== Gradio Installeren =====
=== Gradio project (1) ===

<code>
pip install gradio
</code>

**Update/Upgrade naar de laatste versie:**
<code>
pip install --upgrade gradio
</code>
**Instaleer dotenv** om het **.env** bestand te kunnen **lezen** zodat daar de systeem variabelen in kunnen
<code>pip install python-dotenv</code>

**Applicatie starten met auto reload:**\\
> When developing locally, if you want to run the code as a Python script, you can use the Gradio CLI to launch the application in reload mode, which will provide seamless and fast development. Learn more about reloading in [[https://www.gradio.app/guides/developing-faster-with-reload-mode|the Auto-Reloading Guide]].
<code>
gradio app.py
</code>

**Je kunt ook de app starten zonder Auto-Reloading:**
<code>
python app.py
</code>

**Je App delen met anderen -> publiekelijk:**
<code>
demo.launch(share=True)
</code>

----

-> **[[http://localhost:7860|http://localhost:7860]] om app de zien**

----

-> **[[https://www.gradio.app|Gradio quickstart]]**\\
-> **[[https://www.gradio.app/docs/interface|Gradio Docs.]]**

----