Molin Code Farmers focuses on sharing open source projects, selects technical dry goods from the open source community, shares interesting and valuable projects on Github and Gitee, and learns and grows together.
Hi, I'm Merlin!
VS Code and GitHub, I'm sure you're familiar with both of these tools. But have you ever considered looking directly at the code of your GitHub repository on VS Code?
Recently, I found a great project on GitHub - github1s. This project allows you to read the code of open source projects on GitHub on the VS Code interface in 1s, achieving a seamless connection between the two.
Project Features:
- Based on VS Code: github1s is built on top of VS Code, and provides a development environment and functions consistent with VS Code in the browser.
- Click-to-Run: Just add 1s to the URL of your GitHub repository for quick access to github1s.
- High consistency: github1s provides the same code structure and content display as the GitHub repository, including the file tree, file content, and commit history.
- Multiple themes and plugin support: github1s supports a variety of VS Code themes and plugins, which can be customized according to personal preferences to make the user experience more personalized.
User experience
The method of use is also very simple, the project is called github1s, we only need to type "github" in the GitHub link in the browser plus "1s", and then press enter to achieve it.
For example, the project address of Fig, a terminal autocomplete tool recommended earlier, is:
https://github.com/chubin/cheat.sh
If you open it on GitHub, you will see a page that looks like this:
However, if you add "1s" before "github" and press enter, something magical will happen and you will be taken directly to the VS Code interface.
By opening github1s in the browser and entering the source code of the cheat.sh project, it is equivalent to opening an online version of VS Code in the browser, so as to achieve a very convenient code viewing experience.
There's no need to clone or configure at all, it's very fast to open, and the interface and icons are exactly the same as the VS Code we're familiar with.
However, it should be noted that the code is opened in read-only mode, and we can only view the code, not modify it.
In addition, shortcuts in VS Code can also be used in github1s, such as:
Use Ctrl+P to quickly find a file, which makes the navigation and editing of the code more efficient.
Ctrl + F 文本搜索
In addition, the project authors have created a Chrome plugin - Open in GitHub1s.
After installation, there will be an Open in GitHub1s button next to the project, as shown in the image:
Click directly to jump directly to the github1s.com to open this interface, isn't it more convenient!
If you are interested in the implementation principle of the project and the method of secondary development, you can go to the project address to view, the author has made a very detailed introduction.
Project Address:
https://github.com/conwnet/github1s
Conclusion
A few simple characters can create joy,
A few simple numbers can write miracles.
With a keyboard, you can travel the world,
A network cable can know the world.
It's not easy to create, thank you for your support. More dry goods and technical information will be shared in the future, your reading is the support of the editor, thank you again!