Develop your code online using vscode-tunnel

Introduction

It has been a great hastle to work in teams on same project without having a good infrastructure. It has been observed that we (frontend/backend developers) generate multiple versions of code on different machines and sometimes …


This content originally appeared on DEV Community and was authored by Om Prakash Tiwari

Introduction

It has been a great hastle to work in teams on same project without having a good infrastructure. It has been observed that we (frontend/backend developers) generate multiple versions of code on different machines and sometimes older code is pushed again on the repository breaking some changes causing bugs in some running component/feature. While development on a "on premise development server" becomes a great hastle and difficult to mange. The Production server cannot have option to install a test version of the code and share to developers due to security issues.

VS Code has came with a feature called remote development and has introduced vscode-tunnel to allow developers share code between machnines. This is very helpful if we are working in the same network with single github account or taking paid plans from microsoft to manage multiple accounts in the same tunnel.

While working on this issue, we have developed a docker image to create vscode tunnel using a single line of code.

How to use

# Replace /path/to/sourcecode to path as in your computer
docker run -d -v /path/to/sourcecode:/home/node/workspace --name vscode-tunnel-server optiwariindia/vscode-tunnel
  • After starting this container open Logs for the container using command below:
  docker logs vscode-tunnel-server

This will return some instructions that you can follow to connect it with your github account.

  • To access the code open vscode.dev and select "Connect to tunnel" button and follow instructions.
  • Once connected to tunnel, click on "Open folder" and select your workspace work.


This content originally appeared on DEV Community and was authored by Om Prakash Tiwari


Print Share Comment Cite Upload Translate Updates
APA

Om Prakash Tiwari | Sciencx (2024-11-06T04:25:44+00:00) Develop your code online using vscode-tunnel. Retrieved from https://www.scien.cx/2024/11/06/develop-your-code-online-using-vscode-tunnel/

MLA
" » Develop your code online using vscode-tunnel." Om Prakash Tiwari | Sciencx - Wednesday November 6, 2024, https://www.scien.cx/2024/11/06/develop-your-code-online-using-vscode-tunnel/
HARVARD
Om Prakash Tiwari | Sciencx Wednesday November 6, 2024 » Develop your code online using vscode-tunnel., viewed ,<https://www.scien.cx/2024/11/06/develop-your-code-online-using-vscode-tunnel/>
VANCOUVER
Om Prakash Tiwari | Sciencx - » Develop your code online using vscode-tunnel. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/11/06/develop-your-code-online-using-vscode-tunnel/
CHICAGO
" » Develop your code online using vscode-tunnel." Om Prakash Tiwari | Sciencx - Accessed . https://www.scien.cx/2024/11/06/develop-your-code-online-using-vscode-tunnel/
IEEE
" » Develop your code online using vscode-tunnel." Om Prakash Tiwari | Sciencx [Online]. Available: https://www.scien.cx/2024/11/06/develop-your-code-online-using-vscode-tunnel/. [Accessed: ]
rf:citation
» Develop your code online using vscode-tunnel | Om Prakash Tiwari | Sciencx | https://www.scien.cx/2024/11/06/develop-your-code-online-using-vscode-tunnel/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.