How to use VS Code on iPad (Step by Step Instructions with raspberry Pi)

Подписаться 19 тыс.

Просмотров 120 тыс.

50% 1

Learn how to get VS Code on iPad leveraging a raspberry Pi and using a progressive web app (PWA). Get the desktop experience on your phone or tablet.
Detailed article at medium 👉🏼 satssehgal.med...
Link to resources on GitHub 👉 github.com/sat...
👉 Patreon: patreon.com/SATSifaction
👉 Facebook Group: / theaiwarriors
👉 Instagram: @theaiwarriors
👉 Medium: / satssehgal
👉 Corporate Training and Up skilling: levers.ai
Netfirms (Affiliate) - bit.ly/2KdJ4Dp
Bluehost (Affiliate) - bit.ly/2GxxBh1
PythonAnywhere (Affiliate) - bit.ly/2kWORVe
Heroku - www.heroku.co
NordVPN (Affiliate) - bit.ly/2W87je0
✅ Here is a link to my python for beginners, master python course: bit.ly/2HIZS42

Опубликовано:

30 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 119

@AndrewSmithDev 3 года назад

imagine having an m1 chipset and using it to ssh into a rapsberry pi

@kcguitar9307 3 года назад

Use code app

@agnishom 3 года назад

That’s what I do. Except I use it to ssh into my Ubuntu machine.

@itzpradip 3 года назад

@@kcguitar9307 can I use code app to develop php web apps locally in my iPad? Can you please let me know ?

@Retroschannel 3 года назад

Smartest reply i have ever seen😂

@tyriekcarr9123 3 года назад

I think ab it everytime I ssh into my Ubuntu instance 😭😭😭 It actually hurts. Imagine having a "Pro" machine that is capable of doing professional work but just doesn't...

@ЭнрикеЧурин 3 года назад

tfw you set up everything by yourself and only than found a good tutorial lol

@FLamar-ki3ik 3 года назад

What case do you have on that ipad?

@InspirePeakYT 2 года назад

Excellent video, can you make one on how to setup the raspberry pi on the ipad?

@techexplained1732 7 месяцев назад

If I don't have raspberry Pi, can't I use VS Code on iPad ?

@hahaitsme 3 года назад

Does this server work with Ubuntu too? Or Windows? I don't have raspberry pi.

@SATSifaction 3 года назад

Yes Ubuntu is fine and it will work

@DanielJackson-ez6kp 3 года назад

Got this up and running but not without a fight, for the logo image it seemed to just be ignoring the fact i had told it to point at the new files. Not a linux bod, but the techy in me got to the bottom of it in the end....it was of course...file permissions. The files had my ftp account as the owner and group and also limited read access. Made the changes and hey presto....just leaving this in case anybody else gets stuck.

@SATSifaction 3 года назад

Great job at finding a solution.

@Arnav3229 3 года назад

I don't know the password for the raspberry pi can you help??

@SATSifaction 3 года назад

Generally the username is pi and password is raspberry

@Arnav3229 3 года назад

Sorry but it’s not working is there some other way?

@RameshSharma-uz8ht 3 года назад

It is saying that ssh not found please help sir

@taylorshin 7 месяцев назад

Dunno, all those tutorials suggests to use Rpi or some other server whether it is paid or not. But what is the point in it? Just how iPad is better than a MacBook? MacBook’s price isn’t too much far from iPad Pro anyway. And can run vscode natively with all the code repository on it. Also, if a server is needed to run a vscode as a server mode… why just iPad? Can any Android tablet use this technique?

@Jooeyization 3 года назад

using the curl command didn't work for me. Using "sudo npm install -g code-server --unsafe-perm" is what worked for me.

@antonrickert9427 3 года назад

Thanks so much for this. Nothing worked but with this command everything is fine

@YuanweiLao 2 года назад

so we need an extra hardware to make this work? Thanks

@harryhome86 2 года назад

It looks like you need a raspeberry pi to get the 8gB of ram

@igncodmyt6412 Год назад

But from this VScode from iPad you can't live preview your code, that's the main problem.... Without live preview VScode is useless. You can't run and debug too.

@pxxrgunf6643 3 года назад

How to fix it? iPad:~# ssh pi@184.22.168.56 -ash: ssh: not found

@moritzisi126 3 года назад

Of you didn‘t install ssh on the ish App, you have to type the command: apk add openssh (to install ssh)

@nickjames1264 2 года назад

Am a newbie here and Please I need help from anyone who can specifically tell me which raspberry I can use to run vs code on my ipad 5th gen 2022 m1 chip,first will vs code run on this model of ipad? And can you pls send me a an actual link of which raspberry I can buy to make vs code work on my ipad since am still a student,your help and assistance will save my life thank you.

@dwagify 3 года назад

how to fix this?? plss iPhone:~# ssh pi@192.168.1.11 ssh: connect to host 192.168.1.11 port 22: operation not permitted

@SATSifaction 3 года назад

Are you using a firewall? If so you have to open port 22. Also be sure to use the right username. You might have to login as root and provide pi the right permissions

@dwagify 3 года назад

@@SATSifaction oh thx,, i’ll try

@datpspguy Год назад

Wonder how this works with web frameworks like express or fastAPI? When the application is served on localhost:8080 etc, can you just open a new tab in safari and navigate to that url?

@a9udn9u 2 года назад

How do you get the vscode pwa to open local file folders? Safari didn’t implement the filesystem api AFAIK

@blok1 Год назад

Hi, followed this step by step and keep getting an error when running code-server and trying to access local host, error file keeps saying "cannot find module "yazl" what does this mean and how can I get passed this ?

@aphricanlenss 2 года назад

Hi, sorry I dont know how to get the vscode application to my app screen. I want to install and use Brian2 (a neuron spike monitor) and use jupyter to code on my ipad and I am lost could you please help.

@evanvarian4195 2 года назад

it always throw me error:undefined can't connect to workbench even login screen run perfectly..

@Cyr3X69 Год назад

are you able to save any file created in vscode in a FTP folder inside your network (eg. a NAS)??

@nsisodiya 3 года назад

Bro - how you are recording the iPad screen?

@SATSifaction 3 года назад

The iPad has a built in iPad screen recorder

@lakshaymahajan8209 3 года назад

It wouldn’t let me use ssh in the terminal

@SATSifaction 3 года назад

Make sure open ssh is installed...also enable ssh on your raspberry pi config files. You can google or youtube how to do that...its fairly straight forward

@bobsisic5714 Год назад

I first have to buy and setup a pi on a computer before I do your setup on a iPad , correct?

@tonyburanzon926 2 года назад

Anyone else having a problem with the PWA aspect? After I add to Home Screen, the window still opens with the url bar in safari. Anyone know what may be going on?

@moritzisi126 3 года назад

Hi! I habe the problem that when I paste the address and the :8081, the safari browser doesn’t find the website, do you have any idea how to solve this problem?

@SATSifaction 3 года назад

Try :8080

@moritzisi126 3 года назад

And do I need to connect the r pi with a Ethernet cable to the router or does it work when the r pi is connected to the WiFi (the IPad and r pi in the same network)?

@SATSifaction 3 года назад

Ethernet is always preferred but I’ve tested on 5Ghz wifi and it works just fine. I haven’t tested 2.4Ghz

@moritzisi126 3 года назад

And when I try to log in in the browser, after I typed in the password, there is a white screen, instead of vscode

@alionavitkouskaya8940 Год назад

I have problem that ssh not found, what can be the issue?

@luisjuarez-lg9xp 3 года назад

I combined this with the ability to connect the raspberry with the usb c cable through a static ip to restrict the access for that ip. Best desition ever really I can carry my mobile server and as long as I have my hotspot on my cellphone y have my own private server anywhere I want

@raffael2504 3 года назад

Great. Thank you very much. Exactly what I was looking for.

@awkalik 3 года назад

why i dont work :(

@SATSifaction 2 года назад

Awesome thanks for watching. Pls consider subscribing if you haven’t already done so

@snehaverma3801 2 года назад

Is there a link to create the ssh server for a computer..

@lakshaymahajan8209 3 года назад

Hey, this is an amazing tutorial, I was jsut wondering if you had to just have a rasp pi running and no other steps involved with that. Also, will my rasp pi 3 work?

@SATSifaction 3 года назад

Hi there yes I just have a raspberry Pi running. I’m running a Pi 4 but I’m pretty confident that a 3 would work just fine. Anything below a 3 I would question reliability

@lakshaymahajan8209 3 года назад

@@SATSifaction hey, one more question, do I have to have a physical connection from my iPad to the pi?

@SATSifaction 3 года назад

No not at all. All over the internet

@lakshaymahajan8209 3 года назад

@@SATSifaction do you have to be in the same internet as your pi to use vs code

@SATSifaction 3 года назад

You have to be on the same network, however if you are on a different network you can always VPN into your home network and use it remotely. You can setup VPN for free with pihole/ pivpn combo

@ajibarra 3 года назад

Hi, great tutorial. I have installed it into a vm and everything works great but for some reason, after some time of inactivity, when I open the pwa I just see a blank screen. I need to go to browser and add to Home Screen again. It is pretty annoyjng. Any idea about how to fix this? Thank you

@markuspeters5474 3 года назад

try "comand + r" for refresh

@dreamsart2112 3 года назад

how to exit code-server command too

@rival9607 2 года назад

there is a problem when I type: *ssh pi@my IP address* it writes to me this: *Operation not permitted* how do I do it ??

@elsins9790 2 года назад

sudo

@GeorgeSun-v2w 2 года назад

I wonder which keyboard are you using is it just magic keyboard with a case on?

@SATSifaction 2 года назад

It’s just the magic keyboard with a skin for the iPad

@arvobrendon4267 3 года назад

Hello I having issue with python How can I run my python environment folder on code server I try to use cd~document it doesn’t work

@sirAvdul 2 года назад

Thanks for the tutorial, now that iOS/iPadOS has Shortcuts app we don't have to manually change the icon from the server. :D

@umutdogrruu 3 года назад

Thank you bro

@umutdogrruu 3 года назад

@@tarikulker35 evet onlar anlasın diye

@RM-cg9oi 3 года назад

If I go to localhost on my pi it works but I cant get it at all on the ipad.

@SATSifaction 3 года назад

If you point the IP to your raspberry pi on your ipad, what happens? Do you have a firewall?

@mritter_2996 3 года назад

Are you also planning to make a video including a remote acces to your PI running code server. So you then would be able to code from anywhere. Any methode you are preferring for remote accessing your PI?

@SATSifaction 3 года назад

Yes I just have pivpn set up on the Pi which enables me to remote in from anywhere in the world

@ShivamBharadwaj_shivamb45 3 года назад

What cover are you using for your iPad. I like that holder for pencil

@ryoto1080 2 года назад

Magic keyboard or maybe thats an accessories

@proteus1 3 года назад

I guess it's easier to buy an iMac M1 to run vs.

@alexanderpoplawski577 3 года назад

That's what I found out. A MacBook Air M1 is cheaper, lighter and more versatile for this kind of stuff than an iPad Air with Magic Keyboard. You can run a fully fledged Linux desktop system in a VM with UTM, which runs with the full power of the M1 MacBook. It is all in one machine, ready to go. No need for an additional "slow" Raspberry Pi. I love the Raspberry Pi for its use cases, but a fast development environment is not one of them.

@SATSifaction 2 года назад

If you want to do dev then stick with a MacBook Pro. I prefer the iPad for more versatility

@alitaha1653 3 года назад

Does it also let you install extensions and themes? And also let you to open any file on your computer? I am going to make it run on a m1 mac mini and I would really want to know these before spending that much money

@SATSifaction 3 года назад

All the extensions are ran on the raspberry Pi. If you are going to run it on an m1 Mac mini you shouldn’t have issues. Also if you want, a better option would be to use something like jump desktop or teamviewer to remotely login from your iPad to your Mac and program away. I do that all the time as well.

@amrinderc 3 года назад

Great tutorial.. which font are you using on this? I am not able to use the font that I typically use like CasCadiaCode with Powerline Gylphs which give me custom symbols. Any idea how to do that?

@ultrasalted 3 года назад

Just a thought, adb is supported on alpine for installation but how would it recognise an android device without OEM drivers installed on ipad. Any ideas?

@SATSifaction 3 года назад

I’m not sure I fully get your question but if you asking how this works on an Android it’s quite simple since it browser based. You are essentially tempting into you rpi which is Debian based through a browser so really you can connect on any device that supports a browser

@ultrasalted 3 года назад

@@SATSifaction it was more towards setting up debugging environment for android and install adb (android debug bridge) on ipad. As we have the package available to install adb over alpine.

@ultrasalted 3 года назад

@@SATSifaction I was digging through, found below bug. This guy was able to open the terminal but there arent much details. You can ignore, it was just my idea if it was possible. ATM iOS can't be full blown windows. github.com/ish-app/ish/issues/498 twitter.com/lz__233/status/1228923689661415429?s=19

@beautifulearth4691 2 года назад

How to add nodejs.

@SATSifaction 2 года назад

You can use repl

@jorgeenriquekike2054 3 года назад

I can’t connect ssh, please help me… every time i try to connect on iSH throws me an error: “ -ash: ssh: not found”… why is that happens? and how can i fix it?

@SATSifaction 3 года назад

Type in ish: apk add openssh then try

@jorgeenriquekike2054 3 года назад

@@SATSifaction It doesn’t let me install it… that’s what appears when I try it… ERROR: unsatisfiable constraints: open (missing): required by: world[open] ssh (missing): required by: world[ssh]

@jorgeenriquekike2054 3 года назад

Well I made it but without ish… everything was vía VNC viewer directly to terminal… thanks a lot! I have to say i couldn’t made it without your help! Great video!

@olikbachar1377 2 года назад

@@jorgeenriquekike2054 can you explain me how you do that?

@mxlododo_ 3 года назад

0 com

@andresperezcasas1866 3 года назад

woooo can you explain it slower, it's amazing to have v studio code on ipad.

@somdobomk 3 года назад

What case is that?

@SATSifaction 3 года назад

Switcheasy Coverbuddy. Word of caution the ones i ordered from amazon were all defective in some way or another. 3 for 3. I returned those and ordered directly from the company and they were fine. Just my experience. YMMV - switcheasy.com/products/2021-coverbuddy-protective-case?variant=39833128206500

@jorgeenriquekike2054 3 года назад

It can run npm packages?

@SATSifaction 3 года назад

As long as it’s installed on your server it should be able to do so

@awkalik 3 года назад

Help me dont work

@SATSifaction 2 года назад

What’s the issue

@awkalik 2 года назад

Do you have numbers?

@awkalik 2 года назад

SATSifaction in ssh @192 dont work

@SATSifaction 2 года назад

@@awkalik you have to do ssh pi@192……or whatever you set your username@192.168…..you need to find the IP address of your device and connect as ssh username@IP

@awkalik 2 года назад

SATSifaction where i can find IP adress ownself , i already finded this

@ehmoratallar 2 года назад

great video! I wonder if its possible to connect via ssh to a third party server

@SATSifaction 2 года назад

Yes it is. I am connected to VS code on linode

@ehmoratallar 2 года назад

@@SATSifaction hello, thanks for your reply…. I mean from your installation in linode can you connect for example to a work server in digital ocean?

@SATSifaction 2 года назад

Yes of course you can

@ehmoratallar 2 года назад

@@SATSifaction That's awesome, I've been trying to do that but failed miserably, If you could point me out to a tutorial or better yet if you can create a quick video for that topic I would greatly appreciate it. Thank you, God Bless!!