DEV Community

yaswanthteja
yaswanthteja

Posted on

Install VS Code in an Android Phone?

#beginners #vscode #tutorial #productivity

If you wants to code on your Android device using VS Code, this might be the best setup for you.

Follow the steps below:

Step 1 - Install termux

In order to install VS code, you will have to install the Termux app by scrolling down and downloading apk using this link from f-droid.

Image description

The official release available on the play store doesn't seem to get the packages updated for some reason.

Termux from Play Store won't work. This is what the official Termux Github repository has to say:

"Termux and its plugins are no longer updated on Google Play Store due to Android 10 issues and have been deprecated. The last version released for Android >= 7 was v0.101. It is highly recommended to not install Termux apps from Play Store anymore."

Open the downloaded apk by clicking "Open"

Image description

Now Install the apk file. If you are prompted to go to settings and enable installation of Apps from unknown sources, do that!

Image description

Open the Termux app and you will see a screen like this:

Image description

Step 2 - Install Ubuntu using Termux

Enter the following command on Termux to update the package repository

pkg update
Enter fullscreen mode Exit fullscreen mode

Image description

When prompted, press 'y' and then press enter. You will have to press y followed by enter every time you are prompted for it.

Now let's upgrade the packages using the below command in Termux

pkg upgrade
Enter fullscreen mode Exit fullscreen mode

Now let's install proot-distro using the following command:

pkg install proot-distro
Enter fullscreen mode Exit fullscreen mode

Now let's list all the distros we can install using proot using the following command (This command is optional)

proot-distro list
Enter fullscreen mode Exit fullscreen mode

You will see a screen like this:

Image description

Now fire this command and Ubuntu will start to install on your Android phone

proot-distro install ubuntu
Enter fullscreen mode Exit fullscreen mode

Ubuntu will start installing and you will see a screen like this:

Image description

Now, start Ubuntu by firing the following command:

proot-distro login ubuntu
Enter fullscreen mode Exit fullscreen mode

You will now see a root@ubuntu prompt in the terminal like this:

Image description

Step 3 - Downloading code server

While on Ubuntu run the following command:

apt update
Enter fullscreen mode Exit fullscreen mode

and following command to upgrade the package repository:

apt upgrade
Enter fullscreen mode Exit fullscreen mode

Press 'y' and enter whenever prompted.

Now install wget using the following command:

apt install wget
Enter fullscreen mode Exit fullscreen mode

Again press 'y' and enter whenever prompted to confirm the installation. You now have wget installed!

We will now download the latest release of the code server from Github using the following command:

wget https://github.com/coder/code-server/releases/download/v4.16.1/code-server-4.16.1-linux-arm64.tar.gz
Enter fullscreen mode Exit fullscreen mode

Image description

Extract the tarball using the following command:

tar -xvf ./code-server-4.16.1-linux-arm64.tar.gz
Enter fullscreen mode Exit fullscreen mode

The tarball will start extracting. Wait for the tarball extraction to finish

Image description

Enter the /bin folder of your code-server installation on Ubuntu (running on your phone)

cd code-server-4.16.1-linux-arm64
cd bin
Enter fullscreen mode Exit fullscreen mode

Step 4 - Set up a password and start using VS Code

Setup a password for your VS Code instance using the following command:

export PASSWORD="password"
Enter fullscreen mode Exit fullscreen mode

Note: I am using a very weak password for demonstration purposes as I will use this code-server locally on my phone. Consider using strong passwords for your serious projects

Launch the code server using the following command:

./code-server
Enter fullscreen mode Exit fullscreen mode

Image description

Now go to your browser. I am using Google Chrome for Android and go to localhost:8080

You will finally see a screen like this:

Image description
After entering the password you will see a welcome screen like this:

Image description
You can now start coding in VS Code on your Android Devices

Image description

Hope that worked for your phone. Please share your experiences, ask questions, or suggest improvements in the comments section. Happy Hacking!

Alternative

You can use vscode directly by visiting vscode.dev in your browser.

Caveats:

  1. If the update command doesn't work on your Termux or you get some other network errors, try to change the default repo by using the command below: 
termux-change-repo
Enter fullscreen mode Exit fullscreen mode

Change the repository to Mirror by Grimle and try the pkg update command again. It should work!

  1. Whenever prompted, press 'y' and then press enter. You will have to press y followed by enter every time you are prompted for it.

Top comments (8)

Collapse
 
tyler36 profile image
tyler36 •

Thanks for the article. It's nice to know I can install VSCode ...

If you wants to code on your Android device using VS Code, this might be the best setup for you.

Why is installing VSCode better than using a something like vscode.dev, github.dev or gitpod? Why is this the "best setup"?

Collapse
 
yaswanthteja profile image
yaswanthteja •

Thank you for the suggestion! I'd like to clarify that I'm considering installing VS Code on my Android device primarily for educational purposes. It's worth noting that this option offers the flexibility to explore coding on Android while having a robust development environment. While vscode.dev, github.dev, and Gitpod are convenient for various scenarios. there are several reasons why installing VS Code on my Android device might be the best setup for me.

Collapse
 
mtedcode profile image
Mehmet • • Edited

İ could start dotnet in termux. Slow but cool.
İf you wanna temp public domain, u can use cloudflare or ngrok. Both work.

Collapse
 
dhruvjoshi9 profile image
Dhruv Joshi •

Nice tutorial mate!

Collapse
 
abc_wendsss profile image
Wendy Wong •

Hi yaswanthteja, Thanks for publishing your first tutorial on DEV and welcome to the DEV Community! Great write up on installing VS Code on Android phone. :)

Collapse
 
yaswanthteja profile image
yaswanthteja •

Hi Wendy Wong Thank you 😊.

Collapse
 
yunesss profile image
Youness •

You know that you can just use vscode.dev/ ?

Collapse
 
yaswanthteja profile image
yaswanthteja •

Yes we can use that vscode.dev , in this tutorial i've just shown how to install vscode via ubuntu in your mobile

Read next

witcher_1001 profile image

10 Essential Lombok Annotations Every Java Developer Needs to Master!

The Witcher -

mikeyoung44 profile image

100x Faster Diffusion Planning with DiffuserLite's Refinement Approach

Mike Young -

dee_codes profile image

Setting up Redis in a Next.js Application

Hadiza Mohammed -

yassinesallami profile image

How to create an image authentication system with python streamlit and canva!

Yassine Sallami -