How to get VSCode Cloud IDE on Azure
This section describes how to launch and connect to VSCode Cloud IDE on AZURE.
- Open Visual Studio Code in Browser VM listing on Azure Marketplace
- Click on Get It Now
- Select a Resource group for your virtual machine
- Select a Region where you want to launch the VM(such as East US)
- Optionally change the number of cores and amount of memory.
- Select the Authentication type as Password and enter Username as ubuntu and Password for the VM
- Optionally change the OS disk type.
- Optionally change the network and subnetwork names.Be sure that whichever network you specify have ports 22 (for SSH), 3389 (for RDP) and 443 (for HTTPS) exposed.
- Optionally go to the Management, Advanced and Tags tabs for any advance settings you want for the VM.
- Note: If you want to access VSCode with your password , add following Name and Value in tags tab. This will be login password for accessing VS code in browser
Value: your password here
- Note: If you don’t set the metadata with the above mentioned keys, a default random password will be generated. The password is stored in the file /home/ubuntu/vscode_pass.txt for your reference
- Click on Review + create and then click on Create when you are done.
Virtual Machine will begin deploying.
- A summary page displays when the virtual machine is successfully created. Click on the Go to resource link to to go to the resource page.
It will open an overview page of virtual machine.
- In the left navigation pane, select Run command , select RunShellScript and enter following command to change the password of the vm .
sudo echo ubuntu:yourpassword | chpasswd
- Now the password for ubuntu user is set, you can connect to the VM's desktop environment from any local windows machine using RDP protocol.
- To connect using RDP, first note the public IP address of the VM from VM details page as highlighted below
- Then From you local windows machine, goto "start" menu , in the search box type and select "Remote desktop connection".
In the "Remote Desktop connection" wizard, copy the public IP address and click connect
- This will connect you to the VM's desktop environment. Provide the username (e.g "ubuntu") and the password set in the above "Reset password" step to authenticate. Click OK
- Now you are connected to the out of box VSCode Cloud IDE environment.
- Once the vm is up and running, you can access Visual Studio Code by going to https://VM_Public_IP.
Make sure you type https and not http.
You will see certificate warning, accept the warning to proceed for login
- Provide the same password you used in tags tab.If you have not provided password, you can find the randomly generated password in the file
Note down auto-generated password.
Note: If the password is empty in the file, wait for 2 minutes and check again.
Note: If you happen to see a blank screen in the browser after login or page load error, wait for 1-2 minutes and open again in new browser window to see VSCode load.
- If you prefer , after login, you can remove the password references from VM by deleting the password file (/home/ubuntu/vscode_pass.txt) and removing the metadata as below:
- We recommend to reserve the VSCode public ip address and make it static in order to access VSCode in browser over the same IP after VM restart.
Below are the steps for reserving public IP and making it static:
Having static IP will also allow the browser to save VSCode password across sessions and user will not have to enter password each time VSCode is opened in browser.
- First way, You can assign the static ip while creating the VM. On Networking tab , in Public IP option select Create New and then select static under assignment and click OK as shown below.
- Second way, You can update the Public IP once the VM is up and running. On the VM overview page, select configure under DNS Name and change the assignment option from dynamic to static. Save your changes.