VSCode
Tips and tricks for VS Code applications on Nuvolos
Last updated
Was this helpful?
Tips and tricks for VS Code applications on Nuvolos
Last updated
Was this helpful?
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 .
Nuvolos runs in VSCode applications, which is a server-based fork of the traditional VSCode app. It comes with its own marketplace, so not every extension you find at will be available in the extension browser of the Nuvolos app.
However, most extensions are made available on GitHub and other sources as .vsix files. Once you have downloaded the .vsix file, you can easily add it to code-server:
Upload the .vsix file to Nuvolos
Use the Install from VSIX option in the app to install from the .vsix file
You can configure tmux as your default terminal in VSCode with the following steps
Verify with the command which tmux if tmux is installed already. If not, you can install it with conda install tmux
In VSCode, press Ctrl + Shift + P and search for Open User Settings (JSON)
In the opened JSON, add the following block
You can open folder ABC in VSCode and start a new terminal, start a long-running script there
Change workspace folder to DEF in VSCode and start a new terminal. You'll get a different tmux session here
Change back to folder ABC in VSCode. If you open a terminal, you should see the outputs of your long-running script
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:
Open a VS Code command prompt either by finding View > Command Palette in the menu, or by hitting the Ctrl + Shift + P key combination.
In the VS Code command palette, type Jupyter: Create and the autocomplete should offer you the Create Interactive Window option.
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:
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.
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:
If you want to debug python scripts, VSCode is a good candidate as it has a nice visual interface to debug running code. Here are the steps to set up your environment:
The default configuration will try to debug the file in your active editor window as a Python script.
You can further tweak the debugger settings by creating your own configuration via clicking the cogwheel button next to RUN AND DEBUG:
Select your custom configuration in the dropdown
By default, VSCode terminals are vanilla Bash sessions on Nuvolos, which are prone to stop when not used for a longer while. If you plan to run shell commands for hours and want to monitor their output, it's recommended to use or screen.
Now every time you open a new terminal, it'll be by default a tmux session. Every will have a different named session with the above configuration, e.g.:
The VS Code application is an excellent interactive development environment. You can find a detailed and complete guide for interactive development with IPython , the following documentation helps you get started quickly in the context of the Nuvolos apps.
You can click on the Open in Browser button or the icon on the ports tab to access your server from the browser.
Install the VSCode extension. Once you install it, you should have a new context menu in the debug tab:
One typical configuration you want to configure is the current working directory (cwd) of the debugger. If your script only works when invoked from a particular directory, either hard-code it or use the ${fileDirname} variable to set it to the folder of the launched file.
To learn more about debugging in VSCode, consult th documentation:
