Deploy Vscode Online On Heroku

Deploy Vscode Online On Heroku - Visual Studio Code is a cross-based program that can be used on various operating systems such as Windows, Linux, and Mac OS. VS Code is a lightweight but powerful software source editor with a desktop. Using various types of programming languages ​​such as Java, Javascript, Go, C++, and many others. Elements of Visual Studio as used in Azura DevOps. Visual Studio has a simple cross-code editor, which can be used by anyone to create or create web programs.



Elements of Visual Studio Code

Customize: Used to add programming language extensions. composition and customization of templates by adding an extension to the programming language so we don't have to always remember the role of the language

  • Command Palette: the command palette provides many access commands, we can give the editor commands to open files, search for files, and others easily and quickly. To open the command palette, you can press Ctrl + Shift + p.
  • Integrated Terminal: Integrity Terminal is used to finish scripts in the editor. We can finish the script editor directly in the terminal without needing to open an additional terminal, this is the advantage of visual studio code.
  • Extensions: extensions are additional roles in which the function is to expand the power of the editor which can help developers when programming.
  • Search: Visual Studio Code's search feature is very fast, the light is given in addition to the speed of the data search query it will search to the level of its contents
  • Grid Editor Layout: We are easy in visual studio code layout management, we can easily arrange editor groups in any layout either vertically or horizontally.
  • Color Themes: Color Themes are used to modify the colors in the Visual Studio Code interface to match the desired taste, the trick is to specify File > Prefences > Color Theme, then move the cursor up and down to select the desired topic.
  • Cloud Environment: We can also do things in the cloud environment through Visual Studio Code such as create databases, execute commands, insert, update, delete, and others in the cloud.


Types of Extensions in Visual Studio Code

Live server: allows us to auto-reload site pages when you change in Visual Studio Code.

Gittens: GitLtns helps us to describe the author's code at a glance through annotations without any problems.

Prettier (Code Formatter): Used to set the prettier code pattern to drive a stable writing style of code by pre-pressing your code and pressing it back on its own terms.

Auto Rename Tag: Auto rename tag helps us when we want to swap a tag and to swap opening and closing tags together in HTML and XML.

Beautify: Beautify helps you in formatting our coding, we don't need to clean up our coding manually, just this extension will be formatted automatically.

Open In Browser: Used to create your project directly in the browser.

CSS Peek: useful for viewing an HTML element, which is attacked by CSS, CSS Peak also makes it easier for site designers.

Indent Rainow: Used to help us the color and categorize give the same color according to the initial tag of the structure of the program that we make.

SQL Server: is an extension where we are a database engineer SQL server, this extension makes it easy for you to work in Visual Studio Code.


Advantages of Visual Studio Code

  • It's easy to manage extensions
  • Has a lot of extensions
  • Appearance contributor
  • Language support
  • Free text editor
  • Can make your own Snippets


Deploy vscode on Heroku

First, you register to Heroku

Signup Heroku

Next, deploy vscode via the link below


Visual Studio Heroku


Create a password to protect your vscode server

Wait for deployment to finish 3-5 minutes





Any question? write in comments
This tutorial is for educational purposes only
if this tutorial doesn't work please comment, akuh.net will update soon

Video Tutorial






Next Post Previous Post
8 Comments
  • Unknown
    Unknown November 22, 2021 at 7:51 AM

    Bisa 24jam gak min?

    • akuh
      akuh November 22, 2021 at 2:27 PM

      yes 24/7

  • Unknown
    Unknown November 24, 2021 at 3:10 PM

    There is no VS code when I open NoVNC

    • akuh
      akuh November 24, 2021 at 6:49 PM

      just open link bro, no need novnc

  • Mbah Shondong
    Mbah Shondong November 24, 2021 at 9:45 PM

    cara akses rdp nya gimana

    • akuh
      akuh November 24, 2021 at 11:23 PM

      cukup buka link gan, lebih jelasnya di video

  • jo3
    jo3 November 24, 2021 at 10:18 PM

    This can access as root??

    • akuh
      akuh November 24, 2021 at 11:23 PM

      sorry no root on heroku
      you can deploy on railway to get access root

Add Comment
comment url