Skip to content

One second to read GitHub code with VS Code. Read and edit code on web 在网页上面用Vscod打开GitHub项目

License

Notifications You must be signed in to change notification settings

wangzhupi/github1s

 
 

Repository files navigation

GitHub1s

github1s

One second to read GitHub code with VS Code.

Usage

Just add 1s after github and press Enter in the browser address bar for any repository you want to read.

For example, try it on the VS Code repo:

https://github1s.com/microsoft/vscode

VS Code - GitHub1s

For browser extensions, see Third-party Related Projects.

Or save the following code snippet as a bookmarklet, you can use it to quickly switch between github.com and github1s.com (GitHub markdown doesn't allow js links, so just copy it into a bookmark).

javascript: window.location.href = window.location.href.replace(/github(1s)?.com/, function(match, p1) { return p1 ? 'github.com' : 'github1s.com' })

Develop in the cloud

To edit files, run Docker containers, create pull requests and more, click the "Gitpod ready-to-code" button at the bottom of your browser once you open your project with github1s.

Gitpod Notification

Note: If you already closed the notification, you can find a "Develop your project on Gitpod" button in the status bar. You can also open the Command Palette (default shortcut Ctrl+Shift+P) and choose GitHub1s: Edit files in Gitpod.

Gitpod Status Bar

Documentation

Enabling Private Repositories

If you want to view non-public repositories, you need to add an OAuth token. The token is stored only in your browser, and only send to GitHub when fetching your repository's files. Click on the icon near the bottom of the left-hand row of icons, and the dialog box will prompt you for it, and even take you to your GitHub settings page to generate one, if needed.

VS Code - GitHub1s

Screenshots

VS Code - GitHub1s

VS Code - GitHub1s

Development

Cloud-based development

You can start an online development environment with Gitpod by clicking the following button:

Gitpod ready-to-code

Local development

You need these prerequisites (the same ones as for VS Code) for development.

$ git clone [email protected]:conwnet/github1s.git
$ cd github1s
$ yarn
$ yarn watch
$ yarn serve # in another shell
$ # Then visit https://localhost:5000 or https://localhost:5000/conwnet/github1s once the build is completed.

... or ... VS Code + Docker Development

You can use the VS Code plugin Remote-Containers Dev Container to use a Docker container as a development environment.

  1. Install the Remote-Containers plugin in VS Code & Docker

  2. Open the Command Palette (default shortcut Ctrl+Shift+P) and choose Remote-Containers: Clone Repository in Container Volume...

  3. Enter the repo, in this case https://github.com/conwnet/github1s.git or your forked repo

  4. Pick either, Create a unique volume or Create a new volume

    • Now VS Code will create the docker container and connect to the new container so you can use this as a fully setup environment!
  5. Open a new VS Code Terminal, then you can run the yarn commands listed above.

$ yarn
$ yarn watch
$ yarn serve # in another shell
$ # Then visit https://localhost:5000 or https://localhost:5000/conwnet/github1s once the build is completed.

Format all codes

yarn format

It uses prettier to format all possible codes.

Build

$ yarn
$ yarn build

Feedback

Project Sponsors

The continued development and maintenance of GitHub1s is made possible by these generous sponsors:

Third-party Related Projects

Chrome Extensions

Firefox Extensions

Microsoft Edge Extensions

Tampermonkey scripts

Maintainers! 😊


netcon

💻 🖋

xcv58

💻 🖋

Siddhant Khare

💻 🖋

About

One second to read GitHub code with VS Code. Read and edit code on web 在网页上面用Vscod打开GitHub项目

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 86.3%
  • JavaScript 6.8%
  • HTML 2.9%
  • CSS 2.4%
  • Shell 1.1%
  • Julia 0.3%
  • Dockerfile 0.2%