VS Code on my Phone for Website Dev... (How I did it)

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 436

  • @developedbyed
    @developedbyed 4 роки тому +367

    The video I always wanted to make but I was too lazy to set the whole thing up lol.
    Good job! Now code out a whole website on your phone and film it

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +59

      Based on the amount of time this took, and the number of camera angles required, sure, no worries, I’ll do this in my sleep!

    • @hakemrayan9795
      @hakemrayan9795 4 роки тому +1

      Edwin c'mon man I was trying to install vs code on my new phone u should make a video my gorgeous friend😂

    • @hakemrayan9795
      @hakemrayan9795 4 роки тому +1

      Adrian this did really work for me thanks alot, I have a potato laptop

    • @SandeepSingh_0x0
      @SandeepSingh_0x0 4 роки тому

      Nice to meet you " PewDiePie of Computers" , literally I am having a great respect for you sir , by the way I am from India 🙏 , I will be purchasing your courses whenever I have collected some money😂 thanks for your GOLD content

    • @abhiramam5752
      @abhiramam5752 4 роки тому +3

      @Dev Ed Hello My Gorgeous Teacher On The Internet.
      ❤ FROM 🇮🇳

  • @ZernityX
    @ZernityX 4 роки тому +272

    Isn't anybody going to talk about his body language and facial expression while explaining? I mean that's unique.

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +23

      Haha thanks man!

    • @poldilite
      @poldilite 4 роки тому +14

      I’m getting nervous watching it 🙈

    • @mirzaaghaalikhan183
      @mirzaaghaalikhan183 4 роки тому +3

      Dont quite remeber but he has played either his video on low FPS or Higher FPS in post production!

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +9

      @@mirzaaghaalikhan183 neither, but I did use to play a lot of FPS if that counts!

    • @mirzaaghaalikhan183
      @mirzaaghaalikhan183 4 роки тому +1

      @@AdrianTwarog I am quite happy I got attention of a programmer at index 0. And by FPS, if you mean videogames, then I am your fan already.. Cheers ¦--}
      Edit: my assumption was based on this, you may want to check this out!
      ua-cam.com/video/G025oxyWv0E/v-deo.html

  • @BenRogersWPG
    @BenRogersWPG 2 роки тому +4

    Two things:
    Amazing video, great tips
    I love your little dances when you talk as well. Very exciting for keeping my focus

  • @Jorgitopy101
    @Jorgitopy101 4 роки тому +26

    Wow! This is so simple. A great option for it could be a cheaper Mac Mini, setup as a home server.

  • @MaxProgramming
    @MaxProgramming 4 роки тому +14

    Wait what! VS Code on phone? I think it is about Codespaces. That's so different! Thanks a lot for the video Adrian!

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +5

      Always testing the water for new tech

  • @ocavuew7422
    @ocavuew7422 4 роки тому +14

    Just to be clear, vscode (and the editor behind vscode called Monaco) doesn’t support touch screen well. You can move the cursor by touch the screen, but you can’t select characters.

    • @justinTime077
      @justinTime077 Рік тому

      Yeah but Splashtop does. (Just to be clear)

  • @WayneWhitaker314159
    @WayneWhitaker314159 4 роки тому +10

    Fantastic info, fantastic video. Love the multiple camera angles.

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +1

      Thanks, I put a heap of effort into it!

  • @AdrianTwarog
    @AdrianTwarog  4 роки тому +95

    This was heaps of fun to do, if you want to check out another cool vid, watch ua-cam.com/video/GMn9sxCWN0M/v-deo.html shows you what a day in my life looks like!

    • @Nooban12
      @Nooban12 4 роки тому +1

      Is there a way to do it in windows... Using workspace will be a little overkill if it's just for editing using phones or tablets, I guess. Can you please post a video for windows too!

    • @joonyoon1626
      @joonyoon1626 4 роки тому +2

      Hi Adrian, I encountered my MacBook Pro shutting down and restarting every time I connect from my iPad...wonder why that would be?

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому

      @@joonyoon1626 hardware error maybe?

    • @avengersbro1530
      @avengersbro1530 4 роки тому

      Give me name apps phone.

    • @jonathantribble7013
      @jonathantribble7013 4 роки тому

      If it can run in a server on your laptop, can it run in a server on your phone?

  • @developerfilip
    @developerfilip 4 роки тому +7

    Thanks for doing the thing I always wanted to do but never wanted to do :D lol

  • @Weibenfalk
    @Weibenfalk 4 роки тому +3

    Another awesome video Adrian!

  • @MrXHDTV
    @MrXHDTV 3 роки тому +15

    Great video but it kinda sucks companies don't release IDE's like VSCode for Android Tablets like Samsung Tab S7+ or iPadOS tablets. Modern tablets are very powerful and can fully replace a PC or Mac, the only issue is the software.

    • @sirAvdul
      @sirAvdul 2 роки тому +3

      I agree for android, since android is more open than iOS/iPadOS. I think the only issues is big IDE maker don't see the Android tablet community for programming is big enough to bother. The Ipad has more potential to make big IDE maker interested but the iPadOS limitation is the issue.

    • @MrXHDTV
      @MrXHDTV 2 роки тому +1

      @@sirAvdul you can run vscode on android with a local linux virtual machine but it's not the best

    • @bhanusrinivaskoppolu4814
      @bhanusrinivaskoppolu4814 Рік тому

      how can you guide me

  • @Draxen
    @Draxen 4 роки тому +32

    I just need a tiny keyboard to Bluetooth to my phone, then easy web dev on the go 🤘🤘

  • @darakushitatamashi8837
    @darakushitatamashi8837 4 роки тому +5

    VS code is an open source project, and electron aps can be compiled to run on Android, in conclusion it should be possible to compile VS code to an android app. If it works and is useble is an other question

  • @glendemarcos3696
    @glendemarcos3696 4 роки тому +5

    I've tried codespaces and it is the future... Also, a phone can be a desktop - using a Samsung phone and DEX I just needed peripherals (monitor, mouse and keyboard) to have a desktop experience running VS code from my phone.

    • @codevev
      @codevev 5 місяців тому

      Yes but I think the idea is to not be tied to a desk

  • @scottycee6655
    @scottycee6655 4 роки тому +7

    I love how you said maybe also Linux. Don’t worry you got it right. It is on Linux.

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +2

      Oh god I wasn’t stressing, I wasn’t, I wasn’t. I was?

    • @sairajk19
      @sairajk19 4 роки тому

      Linux is god🙇🏻‍♂️

    • @sairajk19
      @sairajk19 4 роки тому

      @@AdrianTwarog I don't think so :-)

    • @rifkiardiansyah616
      @rifkiardiansyah616 4 роки тому +2

      im using ubuntu x vscode

  • @learnmaziyyah473
    @learnmaziyyah473 4 роки тому +30

    yeah brad already did this before 1-2 years ago : really good piece of technology

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +7

      It’s super, their alpha beta system makes it even easier now

    • @beverly2jaustin
      @beverly2jaustin 4 роки тому +3

      With some tech, I don’t bother watching a possibly outdated video from 1-2 years ago.
      Thank you Adrian!

    • @eiodelami
      @eiodelami 10 місяців тому

      Lots of love @AdrianTwarog wonderful tutorial ❤

    • @worke7270
      @worke7270 5 місяців тому

      @@AdrianTwaroghow not clear

  • @Kukalooka
    @Kukalooka 4 роки тому +5

    I was looking for this
    Thank you!!

  • @heinekhalwin8735
    @heinekhalwin8735 4 роки тому +8

    Wow ! I never knew about this ! Thanks for info. :D
    Was gonna ask Ben Awad to create vs code for ipad. Now i dont need to. :D

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +1

      Awesome idea though, feel free to send more like those my way any day!

  • @masterhifi3939
    @masterhifi3939 4 роки тому +1

    Wow. Cool. The best video of my mind. Thanks for sharing.

  • @jared4670
    @jared4670 4 роки тому +3

    Here I am fighting with hackintosh and what not all the time but the idea just clicked that I can just run codeserver on a VM under proxmox. So now I have a plan B if my hackintosh blows up when upgrading to Big Sur. Still is a bummer about the extensions, it's the one thing that has kept me at the testing stage of codeserver. At the start of your video it looked like you were launching and app for codeserver?

  • @erikreider
    @erikreider 4 роки тому +142

    "maybe also Linux"😂 Dude, it's electron

    • @user-un2qi4eo9n
      @user-un2qi4eo9n 4 роки тому +2

      What meaneth you?.... I am i new a stupid person to this realm of coding gibberish

    • @erikreider
      @erikreider 4 роки тому +15

      @@user-un2qi4eo9n Electron is like a simplified web browser that uses websites to create applications like Discord, MS Teams, VSCode. It supports almost every desktop platform 😀

    • @FalseDev
      @FalseDev 4 роки тому +4

      I'm on Linux and I use vs code

    • @erikreider
      @erikreider 4 роки тому

      @@FalseDev me too :)

    • @Adi-xe4ut
      @Adi-xe4ut 4 роки тому

      slurp i ever install VS Code on Ubuntu

  • @soul.rebel1986
    @soul.rebel1986 4 роки тому +13

    This is awesome ^^ I really appreciate you sharing this with us🙏🏽

  • @amrinderc
    @amrinderc 3 роки тому +8

    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?

  • @rrarrrr
    @rrarrrr 4 роки тому +4

    This is cool and I'm toying with the idea of making a website on my phone. Only problem I have is that the backspace key doesn't work on my phone. Works fine when using my PC though.

  • @And-So-On
    @And-So-On Рік тому

    Man probably just doxxed himself for educational purposes. What a legend. Truly brings a tear to my eyes. 🥺

  • @folarichards8704
    @folarichards8704 4 роки тому +1

    You're awesome Adrian.

  • @fernwood
    @fernwood 4 роки тому +6

    I was just wondering this last night! If I saw this video 24 hours earlier I wouldn’t have spent $10 on an iOS remote code editor 😦

  • @rohanmathewalex5470
    @rohanmathewalex5470 4 роки тому +4

    Awesome thank you man. Great 🔥

  • @alexandrakassis
    @alexandrakassis 4 роки тому +6

    I’m trying to get into the config file but I don’t have links like you do in my terminal! I don’t know how to open the config file! Helppp

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +1

      It should start off with an IP address

  • @666Odysseus666
    @666Odysseus666 2 роки тому +1

    I don't get this, why do this when you still need the physical server in addition to your phone/tablet anyway? Why not just remote into your server on VNC, TeamViewer etc. and just use VS Code there? You can access the whole server desktop as well as VS Code then? Am I missing something? Surely the point is to actually run VS Code on your phone via Linux emulation and not need a physical server?

  • @AbdelrahmanRashed
    @AbdelrahmanRashed 4 роки тому +2

    For people who got confused, he edited the part where it showed his own public IP to 255.255.255.255 (it's not a valid Public IPv4) don't try. ^^

  • @user-ue5kt1tj7i
    @user-ue5kt1tj7i 4 роки тому

    Can someone please tell me what that is @ 3:36 and what it's use is? The very small text on the upper right of his VS Code program. I have that too. Its the thing right next to the scroll bar. It erks me because I dont know what it does or how to toggle it off.

  • @krnotveryjetty9186
    @krnotveryjetty9186 2 роки тому +2

    sh : The term 'sh' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if
    a path was included, verify that the path is correct and try again.
    Also, how did you create it as an 'app' (link to browser type thing) on your iphone? Thanks!

  • @rudresh7
    @rudresh7 3 роки тому +1

    This is so Cool Video . Just Love It

  • @asaffisher8890
    @asaffisher8890 4 роки тому +9

    Instead of binding the to the IP given in ifconfig you can just bind it to 0.0.0.0 that way you won’t need to change it when dhcp changes your ip... also it will work with all your network interfaces..

  • @tadorleestudiotv2037
    @tadorleestudiotv2037 3 роки тому +1

    Good job bro👍🏻👍🏻

  • @latinstuff1
    @latinstuff1 2 роки тому

    you move so much dude lol, but great quality video, loved it.

  • @iM4yur
    @iM4yur 4 роки тому +1

    Helpful, Liked & you got subscriber too ☺️

  • @santiagotrindade2724
    @santiagotrindade2724 4 роки тому +4

    Do you recommend using Mac for programming? I have seen that it has a lot of problems using some frameworks. Would like to know your opinion :) .

    • @Supperconductor
      @Supperconductor 4 роки тому +3

      I use macOS, Windows and Linux daily. My preference is to run Linux for development.

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому

      I used a bit of everything, depending on the use case

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому

      I'll have to try Linux a bit more

  • @ben-cb5er
    @ben-cb5er 4 роки тому +4

    Excellent video!! Thank you... Now I can't get away from vscode ever 😂

  • @Gameplayer55055
    @Gameplayer55055 4 роки тому +5

    Now you can do site mobile adaptive design without pain
    But with magnifying glass hehe

  • @enemysenemyPS
    @enemysenemyPS 3 роки тому +1

    Thanks for the video! I will try it! But first, is the VS code vim extension works? I came across several online editor all of them doesn't work in any browser in iOS (webkit)

  • @asaffisher8890
    @asaffisher8890 4 роки тому +2

    Do not attempt to do this at home. Do not port-forward anything to your personal computer. It’s a major security risk.
    It’s like giving the whole world access to this service. It’s bad. Use an external server. Someone can easily find your use one days on your vscode plug-in and bypass the password accessing your personal information and changing it.

  • @Anhar001
    @Anhar001 4 роки тому +12

    While an interesting approach, a much better way would be to use one of the many existing Web based IDEs that actually just VSCode. I forget the name of the product, but I'm sure someone else might remember

    • @Ayush-vm8mg
      @Ayush-vm8mg 2 роки тому

      Spck editor is good to go👍

  • @sharriceowens913
    @sharriceowens913 3 роки тому +1

    Sir I'm confused vs code IS available in the play store as an app to download so why do all this?

  • @alimansourey2076
    @alimansourey2076 3 роки тому

    Yes .. Exactly ... !
    You lost me after one second , I will forget about this idea and go with codepen 😃

  • @explore9853
    @explore9853 2 роки тому

    Awesome video! I was just wondering, by doing the first part of this video (the config and ip address and by putting in that url) will that install anything on my wifi network and/or on my computer?

  • @console.logged
    @console.logged 4 роки тому +2

    Great work! but code-server keeps losing the connection and I need to run the command every time. Any way to fix this?

  • @michalski9141
    @michalski9141 2 роки тому +1

    this + a portable monitor and keyboard 😍

  • @OGAndrew94
    @OGAndrew94 4 роки тому +14

    Unpopular opinion: Restricting where you can write code and where you can write code actually makes you a better developer.

    • @RoyRope
      @RoyRope 4 роки тому +1

      Why?

    • @bengailvella2183
      @bengailvella2183 2 роки тому

      Not the case. Whenever you impose restrictions upon the tools you use you simultaneously restrict the scale of what you can create

  • @rahavareddy5510
    @rahavareddy5510 3 роки тому +1

    This is the video I am looking for

  • @jaygohel1728
    @jaygohel1728 4 роки тому +1

    That trick is very unique and simple i like it.

  • @marcello4258
    @marcello4258 4 роки тому +1

    i guess using the broadcast will find some servers ;) ..do you have an idea how much data is transferred over the internet? speaking of how heavy it is on your data plan.. 2ndly.. can you run terminal commands to be executed on the remote machine? like compiling the code and run a the jar or whatsoever?

  • @thevarungrovers
    @thevarungrovers 4 роки тому +1

    Can you please also tell about how to add a ssl to the ip address?

  • @michaelakubas
    @michaelakubas 3 роки тому +1

    Hi Adrian, I tried this but its not working for me. I have macos and vs code but its not working. Any ideas about that? Thanks

  • @MrDe0
    @MrDe0 3 роки тому +1

    Wow, that is amazing !!

  • @MogelBoom
    @MogelBoom 4 роки тому +3

    isnt 255.255.255.255 the broadcast address of every network?

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому

      Nice find, I was a bit cheeky here, not many people noticed!

  • @nathimthembu1199
    @nathimthembu1199 4 роки тому +1

    Like three days ago I was wondering if there is code editor app like for mobile phones, today I get a notification.

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому

      Perfect!

    • @asandax6
      @asandax6 4 роки тому

      Don't code your phone. Trust me I've been in the situation Where I didn't have a laptop or desktop and Tried learning to code on a phone it was a waste of time because I couldn't test some applications.

  • @lukasgorazdhrodek
    @lukasgorazdhrodek 2 роки тому

    There is also an alternative
    When you are on your github repo just press "." and VSCode will open with your account.

  • @sidsss2036
    @sidsss2036 3 роки тому

    Can we run angular in visual studio code or any other IDE on ipad pro?

  • @ariabimanyu
    @ariabimanyu 2 роки тому +1

    That's great. But for me uncomfortable to code on a mobile phone. Thanks for sharing

  • @timkim0713
    @timkim0713 4 роки тому

    Is there a big difference between this and Google Remote Desktop?

  • @minikame2272
    @minikame2272 2 роки тому

    I have a similar setup using Code Server, and it's my daily driver - even at home. Why at home? Because it has the ability to be installed 'natively' as a PWA! Since Electron is just a glorified PWA in the first place, it looks and feels as good as the native app with almost zero compromises, but with the added benefit of being able to simply disconnect whenever I like without ever stressing about losing work etc and picking it up wherever I am in the world.

  • @GameBOY69
    @GameBOY69 3 роки тому +1

    Hey!! Bro when i running any python program it is asking to install python but i don't know how to do that so please do something for it ❤️❤️

  • @blueninja7113
    @blueninja7113 2 роки тому

    When im trying to Connect to it via my mobile device. Its not loading. but if i use my public ip it loads but asks me for Sign in. ""my ip" requires a username and password. Your connection to this site is not private

  • @ledinhthai69
    @ledinhthai69 2 роки тому

    Hi! I code by VScode and show result by android studio. Everything is ok and then I change my screen from portrait to landscape but the layout does not change to. You please tell me why and what I should do to repair the error. Thanks for your help

  • @mohamadou.mouktar
    @mohamadou.mouktar 4 роки тому +1

    Awesome thank you. 🤗

  • @luimu
    @luimu 4 роки тому +14

    "runs maybe even on Linux"

  • @pastsubstance2930
    @pastsubstance2930 Рік тому +1

    This is an affordable option. I cannot move my laptop from its place (battery died) so my only portable option is my phone.

  • @Dominus62680
    @Dominus62680 2 роки тому

    The "To install, run:" line of code doesn't work in my VS Code! It just keeps throwing errors? I know, I know.... It's most likely a problem on my end. Either I've missed a step, or something etc.. But I can't get this to happen. Help plz?

  • @CoderHQ
    @CoderHQ 4 роки тому

    5:48 haha, epic video!

  • @jokesuniverse8469
    @jokesuniverse8469 4 роки тому

    Hello,
    As i was setting uo Visual studio i kind of broke it, now it doesn't let me debug the code? Please help

  • @francescociulla
    @francescociulla 4 роки тому

    WATCHING!

  • @陶冶-j4e
    @陶冶-j4e 4 роки тому

    Hi, I got 'error listen EADDRINUSE: address already in use 127.0.0.1:8080' message...what I can do?

  • @b2c205
    @b2c205 4 роки тому

    How did you make your ip so fancy ?

  • @bennett322
    @bennett322 Рік тому

    When I type in code-server it says command not found. What do I do

  • @atari1040
    @atari1040 2 роки тому

    O... Mój piętnastoletni syn Adrian też ma pudełka od sprzętów na półce... Wspólna cechą Adrianów? :-)

  • @techtips4019
    @techtips4019 4 роки тому +3

    Thanks, I have a question and I hope you dont find it rude:
    why in all your pictures you catch your chin? what's with the chin?

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +1

      I reply don’t know, but now that I started, I can’t stop! It’s almost iconic!

    • @abhiramam5752
      @abhiramam5752 4 роки тому +1

      I think he thinks a lot!! Lol😂😂

  • @mohammednihad6755
    @mohammednihad6755 4 роки тому +1

    How do u save using the phone's keyboard though?...

  • @geekdeelino
    @geekdeelino 4 роки тому

    Lovely, nice content.

  • @justinbhalla746
    @justinbhalla746 4 роки тому +1

    Smashed the like button!

  • @beinghomie
    @beinghomie 3 роки тому

    Any alternate for windows users other than termux?

  • @Optimistas777
    @Optimistas777 4 роки тому +1

    What is the monitor?

  • @aamishakhtar4763
    @aamishakhtar4763 2 роки тому

    When i paste the first line of code, it says not recognized. Please help

  • @jaylenpersad5320
    @jaylenpersad5320 3 роки тому +1

    how to get a terminal for ios ;-;

  • @matttroughton7391
    @matttroughton7391 Рік тому

    had to stop three minutes into your video cuz I kept running into issues with my terminal. do you think you could help me out with it. 'im not currently having much luck using terminal in the way you did

  • @TheCodingOdyssey
    @TheCodingOdyssey 4 роки тому

    drink a shot everytime the scene changes...or maybe not :D ha ha just kidding, great editing!

  • @fermincabrera1772
    @fermincabrera1772 4 роки тому

    Your gestures are cool

  • @UngabungaRD2.0-kz4cu
    @UngabungaRD2.0-kz4cu 9 місяців тому

    i did not have laptop or computer or macbook. how i can install or run in chrome

  • @FalseHuman
    @FalseHuman 4 роки тому +1

    It's great, thank you:)

  • @r6mez
    @r6mez 4 роки тому

    You have this ultra wide screen and want vscode on your phone?

  • @Anjiiftech19
    @Anjiiftech19 2 роки тому

    Great but when I do like that with turmux after onday code server on web is not opening ☹️

  • @style-it-up
    @style-it-up Рік тому

    I don't get to see the configuration file where I could get to change the password as a link. Any assistance with that?

  • @talktime_s
    @talktime_s 3 роки тому

    Do you have to have a desktop pc?

  • @uno21858
    @uno21858 3 роки тому +1

    Can you do that but with docker?

  • @wisdomwilliams4963
    @wisdomwilliams4963 4 роки тому +3

    I just shared the vid to my friends 😂😂...

    • @AdrianTwarog
      @AdrianTwarog  4 роки тому +1

      Haha that’s great you liked it!

  • @nageshsahu4964
    @nageshsahu4964 3 роки тому

    Will vscode support on 2 GB ram phone?

  • @jakebirkes
    @jakebirkes 4 роки тому

    but... why? Painful to think about trying to program on a touchscreen, especially a small one.

  • @atharvabhavsar4374
    @atharvabhavsar4374 4 роки тому +1

    my VS code on mac is showing include error..it is underlined red what should I Do?
    Please help

  • @itsSpidey-
    @itsSpidey- 7 місяців тому

    Nice background on your computer