How to clone and push the code from vs code editor to repository( git-lab,git-hub,bit-bucket)

Environment setup:

1. Install the git from https://git-scm.com/downloads.
2. Then install the vs code editor from https://code.visualstudio.com/download
3. After installation successfully we need to install the git-lab workflow plugin for push and pull the code from the repository.

Here are steps to how to install the plug-ins in the vs code editor

1.After installation of vs code home screen should like be like below
vs code Dashboard
2. Click on the settings symbol under the left side of the editor.
Plugins adding
3. Search with git-lab workflow, showing the first result in plugin manager install the plugin.
Adding git-lab plugin
4.After successfully installed the plugin then pull the code from the git-lab repository, go to the view-->command palette.
Cloning code
 5. Then type the git clone and enter.
Cloning command
6. Now enter the repository URL and click on the clone button.
Repository url
7.The code will automatically Download to your destination directory.
Code cloned from repo
8. Now change files and commit the file.
Changing files
9.After modified the code then commit the file locally for click on git symbol in the left side of the editor and the commit-msg and click on tick mark of the header bar of the editor.
Commit msg
10.Now push the code into the repository, go to the view-->command palette  Then type the push and  Enter, the code will automatically push into the repository.
Pushing code
11. After successfully pushed code from vs code to the repository, the repository can track the file and commit message.
Commit msg

Changed file


SUBSCRIBE TO OUR NEWSLETTER

I’m the Founder of quickdevops.com. I am a Professional Blogger, Application developer, YouTuber. I’ve been blogging since 2015.I spend a lot of time learning new techniques and actively help other people learn web development through a variety of help groups and writing web development tutorials for my website and blog about advancements in web design and development.Besides programming I love spending time with friends and family and can often be found together going out catching the latest movie or planning a trip to someplace I've never been before.

0 Response to "How to clone and push the code from vs code editor to repository( git-lab,git-hub,bit-bucket)"

Post a Comment