Links
Comment on page

VSCode

Tips and tricks for VS Code applications on Nuvolos
VSCode applications are available on Nuvolos as the suggested GUI integrated development environment for Python. All VS Code applications come with a conda environment already in place in which you can install your required packages.

Interactive Python development

The VS Code application is an excellent interactive development environment. You can find a detailed and complete guide for interactive development with IPython here, the following documentation helps you get started quickly in the context of the Nuvolos apps.

Creating an interactive IPython window in VS Code

VS Code comes equipped with a conda package manager. In order to be able to start interactive IPython windows, you will first need to install some packages into the VS Code app. To do so, take the following steps:
  1. 1.
    Open a VS Code command prompt either by finding View > Command Palette in the menu, or by hitting the Ctrl + Shift + P key combination.
  2. 2.
    In the VS Code command palette, type Jupyter: Create and the autocomplete should offer you the Create Interactive Window option.
  3. 3.
    You might be prompted to install ipykernel, in this case proceed to do so (this might take a minute or so to complete). If you have omitted step 3, you can later:
  4. 4.
    Open a terminal in VS Code. You can do this by finding Terminal > New Terminal in the menu or hitting the Ctrl + Shift + ` key combination. In the terminal type conda install --freeze-installed ipykernel and wait for the process to complete. After that, you should be able to perform steps 1 and 2 without any further issues.

Accessing a local webserver in the browser

Sometimes you need to work with a local webserver in your VSCode application (e.g. view tensorboard or a streamlit app). Due to how Nuvolos applications are encapsulated, you cannot just start a new server processes in your Nuvolos app and access it from your local browser.
The good news is that VSCode can automatically set up the solution for this problem, called port forwarding. This means, all you need to do is start your local webserver, and VSCode will automatically expose it for you. You can check under the ports tab what kind of forwardings VSCode has created.
Example: open a terminal and execute python3 -m http.server 9000 in it. You'll see a pop-up in the lower right corner notifying you how to access the started webserver:
VSCode enables you to easily access local webservers via the browser
You can click on the Open in Browser button or the
icon on the ports tab to access your server from the browser.
Last modified 1mo ago