collapse

Welcome!



Welcome to Robot Rebels, an online robot maker community.

Register today to post your projects, ask questions, share knowledge and meet like-minded people from around the world.


The RobotRebel.org Community

Author Topic: Editing Raspberry Pi Code Remotely from Visual Studio Code  (Read 70 times)

Ladvien

  • Alabtu-ian Refugee
  • Member
  • *
  • Posts: 57
Editing Raspberry Pi Code Remotely from Visual Studio Code

I'm spoiled.  I love the pretty colors of modern text IDEs.  My favorite among them being Visual Studio Code.

Visual Studio Code

I know it'll engender a lot of bad rep with the old-timers, but I prefer the one on the right.



However, when working on a headless (no monitor) Raspberry Pi it felt like I was pretty much stuck with the nano. 

Until! I discovered Visual Studio Code's remote extension.


This allowed me to edit my Raspberry Pi files from within Visual Studio Code.  So, I get all the joys of writing code directly on my Raspberry Pi, but with all the bells-and-whistles of Visual Studio Code (VSC).

For the most part, setup is pretty straightforward.  But the Pi side can get tricky, so I'm going to walk us through the process.

1. Get Visual Studio Code
Download the version of VSC for your PC.  Note, you aren't running this from the Raspberry Pi--instead, you'll be running it from the PC and connecting it to the Raspberry Pi.

 Visual Studio Code Download

After it's downloaded and installed open it up.


Once open, click here


Ok, now search for the extension called

Code: [Select]
Remote VSCodeAnd hit the Install button.  Once it finishes hit the reload button.

The extension works by creating a server which listens for incoming calls from the Raspberry Pi.  Once we finished setting up the Raspberry Pi we will use a special command which sends the file on the Raspberry Pi to Visual Studio Code.  However, when it's all done, it'll look pretty seamless.

Back to setup.

In Visual Studio Code type F1 and type Preferences: Open Workspace Settings



Find the section labeled
Code: [Select]
remote.onStartup: falseWe need to change it to true by clicking on the pencil next to its name.  This sets the listening server to start every time you open Visual Studio Code.



Almost there.  Now to setup the Raspberry Pi.  We need to install a program on the Pi which will send a file of our choosing to Visual Studio Code to be edited.  RMate was my choice.

Start by SSH'ing into your Raspberry Pi.

Then type
Code: [Select]
sudo pacman -S ruby
cd ~
gem install rmate
PATH="$PATH:$(ruby -e 'print Gem.user_dir')/bin"
echo 'PATH="$PATH:$(ruby -e 'print Gem.user_dir')/bin"' >> /etc/profile
echo 'export GEM_HOME=$HOME/.gem' >> /etc/profile
The above commands install Ruby, moves to to the user's directory, uses the Ruby package manager to install rmate, then adds Ruby and it's Gems (packages) executables to the environment variables.  All of this is necessary to get Rmate working on Arch Linux.

Ok, let's test it.  Stop SSH'ing into your Pi by typing exit until it brings you back to your PC's prompt.  Now we are going to SSH into the Pi while listening for incoming files to be displayed in Visual Studio Code.

Open Visual Studio Code and open the integrated terminal (if it's not showing hit CTRL + `).

At the terminal type
Code: [Select]
ssh -R 52698:localhost:52698 alarm@192.168.1.xReplace the x with your Pi's ip address.

This should SSH into the Pi while listening for files.

At the pi command prompt, type
Code: [Select]
rmate test.js
This should open a new file called test.js in your Visual Studio Code.

Now you get all the goodness of the VSC IDE, such as syntax highlighting, linting, etc!

A few notes.  File permissions still apply, so if you want to be able to save a file the user you logged into on the Raspberry Pi and rmated the file must have write permission on the file.

However, if you do have write permissions, then the "File Save" function in the VSC editor will update the Raspberry Pi file with your modifications.  Booyah!


One last annoyance to address.  Whenever you want to use VSC to edit your file you have to log into the Pi using
Code: [Select]
ssh -R 52698:localhost:52698 alarm@192.168.1.xThis annoyed me a bit.  I could never remember all that.  Instead, I created a small bash script to help.

On my PC (for Mac and Linux, Windows, you're on your own) I created in my home user directory called
Code: [Select]
vsAnd added the following to the file.
Code: [Select]
echo $1
ssh -R 52698:localhost:52698 "$1"
Essentially, this script takes your Pi's login information and logs in to your Pi using the VSC Remote Extension listening.

To get it to work you've got to make the file executable
Code: [Select]
sudo +x chmod vsThen login in your Pi like this
Code: [Select]
./vs alarm@192.168.1.xHope you enjoy.

Oh, and for you web-devs, this also works for remote servers.  Just replace the Pi with the server.
« Last Edit: April 14, 2018, 05:24:57 AM by Ladvien »

 

* Search


* Recent Topics

Antique (fun) stuff by MEgg
[April 24, 2018, 01:48:57 PM]


Spider by viswesh
[April 21, 2018, 09:41:33 AM]


Google Vision API using Raspberry Pi and Node by Ladvien
[April 20, 2018, 02:38:12 PM]


Hello from HITBOT - a young robot arm team by tinhead
[April 20, 2018, 11:32:57 AM]


MKS Gen L 1.0 by grayknight235
[April 20, 2018, 06:55:50 AM]


1B1 -- RAN Stack by Ladvien
[April 14, 2018, 10:40:54 AM]


Editing Raspberry Pi Code Remotely from Visual Studio Code by Ladvien
[April 14, 2018, 05:09:09 AM]


Post your last purchase. by Impala
[April 08, 2018, 12:54:11 PM]


Supercon by BaldwinK
[April 04, 2018, 09:57:55 AM]


Hex VI formally know as XCR3D v6 by jinx
[April 04, 2018, 07:10:51 AM]


Upload Arduino or AVR Programs to ATtiny84/85 Over UART by Ladvien
[April 02, 2018, 09:39:21 AM]


Are separate metric drill bit sizes sold in the US? by fabry
[April 01, 2018, 09:58:34 AM]


I2C Setup for Raspberry Pi Zero W with Arch Linux by Ladvien
[March 30, 2018, 09:35:16 PM]


Headless Arch Linux on Raspberry Pi Zero W by Ladvien
[March 30, 2018, 09:28:37 PM]


Sbase and the reprap full graphics smart controller by jinx
[March 30, 2018, 11:03:45 AM]

* Recent Posts

Re: Antique (fun) stuff by MEgg
[April 24, 2018, 01:48:57 PM]


Re: Spider by viswesh
[April 21, 2018, 09:41:33 AM]


Re: Spider by 1 what
[April 20, 2018, 10:38:41 PM]


Google Vision API using Raspberry Pi and Node by Ladvien
[April 20, 2018, 02:38:12 PM]


Re: Spider by viswesh
[April 20, 2018, 01:26:35 PM]


Re: Hello from HITBOT - a young robot arm team by tinhead
[April 20, 2018, 11:32:57 AM]


Re: Antique (fun) stuff by Ladvien
[April 20, 2018, 06:58:52 AM]


Re: MKS Gen L 1.0 by grayknight235
[April 20, 2018, 06:55:50 AM]


Re: Antique (fun) stuff by jinx
[April 20, 2018, 04:25:26 AM]


Re: MKS Gen L 1.0 by jinx
[April 20, 2018, 02:13:52 AM]


Re: MKS Gen L 1.0 by grayknight235
[April 19, 2018, 08:03:25 PM]


Re: Antique (fun) stuff by Catalinaz
[April 19, 2018, 01:04:15 AM]


Re: Hello from HITBOT - a young robot arm team by Catalinaz
[April 19, 2018, 01:01:55 AM]


Re: Spider by erco
[April 17, 2018, 01:24:55 PM]


Re: MKS Gen L 1.0 by MEgg
[April 15, 2018, 07:47:32 AM]