> ## Documentation Index
> Fetch the complete documentation index at: https://wiki.latch.bio/llms.txt
> Use this file to discover all available pages before exploring further.

# Integration with VSCode

> Follow our tutorial to use Visual Studio Code inside your Pod and navigate the filesystem on your favorite IDE.

<Steps>
  <Step title="Set up your SSH key">
    1. Open Terminal & go inside the `~/.ssh` directory:

       To go into the directory and see if you already have a saved public key, run the following command:

       ```bash theme={null}
       cd ~/.ssh && ls ~/.ssh/*.pub
       ```

       This command displays the files within the SSH directory. If you have an SSH key, there will be a file ending with .pub.

    2. If you have no SSH key, follow [this tutorial.](/pods/ssh)

    3. To get your SSH key, enter this in your terminal:

       ```bash theme={null}
       pbcopy < ~/.ssh/name_of_file_that_ends_with_.pub
       ```

       Don't worry if there is no output. This automatically copies your key into your clipboard.
  </Step>

  <Step title="Enter the SSH Key in Latch">
    1. Go back to [Developer settings](https://console.latch.bio/settings/developer) to enter the key you just copied.
       <Warning>Please make sure that there is no empty line after you enter your SSH key.</Warning>
           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vscode1.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=c13df401627cb59bb7052395a69b8db2" className="w-full border-slate-100 border rounded-md" width="5184" height="3240" data-path="images/pods/vscode1.png" />
  </Step>

  <Step title="Test if your SSH Key was added successfully">
    1. Start your pod.

       The Pod needs to say "Running" before you can connect to VSCode.

           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vscode2.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=75543a6d397b55cc2b6e09116cbc43ea" className="w-full border-slate-100 border rounded-md" width="5184" height="3240" data-path="images/pods/vscode2.png" />
    2. Copy the SSH command from your pod.
           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vscode3.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=fa6eea12c069f8f529b1b94ae0a1b59e" className="w-full border-slate-100 border rounded-md" width="5184" height="3240" data-path="images/pods/vscode3.png" />
    3. Past the SSH command into the terminal.

       If your SSH was added successfully, the directory you are in will change to the pod.

           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vscode4.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=d26c12c3ad55d00eb3e6717fe8de7aae" className="w-1/2 border-slate-100 border rounded-xl" width="5184" height="2982" data-path="images/pods/vscode4.png" />
  </Step>

  <Step title="Connect to VSCode">
    1. Download the “Remote - SSH” extension in VSCode.
           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vs1.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=813c860d2c9010aaf633b1b8fd91cad6" className="w-full border-slate-100 border rounded-md" width="1728" height="1080" data-path="images/pods/vs1.png" />
    2. Click on the small green or blue remote icon at the bottom left of your VSCode Window.

       The icon looks like a greater than sign slightly under a less than sign.

           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vs2.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=0b92d73e10992f33b8107b636afa74b2" className="w-full border-slate-100 border rounded-md" width="1728" height="1080" data-path="images/pods/vs2.png" />
    3. Select "Connect to Host".
           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vs3.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=06020ff84e6a4a050fdf3e2315ab1c60" className="w-full border-slate-100 border rounded-md" width="1728" height="1080" data-path="images/pods/vs3.png" />
    4. Select "Add New SSH Host".
           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vs4.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=991957770a6a9feb4afc1fbd0f077137" className="w-full border-slate-100 border rounded-md" width="1728" height="1080" data-path="images/pods/vs4.png" />
    5. Copy the SSH command on the sidebar of Pods.
           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vs5.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=3c7e22d16004bab5ba93e47d62cde20d" className="w-full border-slate-100 border rounded-md" width="1728" height="1080" data-path="images/pods/vs5.png" />
    6. Paste the SSH command into VS Code.
           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vscode5.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=f71987d959af2104c0ec95f767466454" className="w-full border-slate-100 border rounded-md" width="5184" height="3240" data-path="images/pods/vscode5.png" />
    7. In the bottom right corner,  click connect in the Host Added pop-up.
           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vscode6.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=d2a0a59330e04b77a45a6abcd174a7a3" className="w-full border-slate-100 border rounded-md" width="5184" height="3240" data-path="images/pods/vscode6.png" />
    8. Another VS Code window will open and connect to your SSH.

       You can mouse over the green/blue remote icon in the bottom left corner to see the host IP and the status
       of your SSH connection.

           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vscode7.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=142c31d0c6b7f2e499edf1bed4ff3c83" className="w-full border-slate-100 border rounded-md" width="5184" height="3240" data-path="images/pods/vscode7.png" />
    9. Once you are connected, you can start programming in the SSH.

       Click on the explorer tab, then click open folder and open sdk\_tutorial.ipynb to test out
       programming in the SSH!

           <img src="https://mintcdn.com/latchbio/fIn-jpv50Syqhc9B/images/pods/vscode8.png?fit=max&auto=format&n=fIn-jpv50Syqhc9B&q=85&s=5aab273c3f899a6dfdc78367e3b7b8c6" className="w-full border-slate-100 border rounded-md" width="5184" height="3240" data-path="images/pods/vscode8.png" />
  </Step>
</Steps>