Shulou(Shulou.com)05/31 Report--

This article introduces the relevant knowledge of "what are the basic operations of GitHub". In the operation of actual cases, many people will encounter such a dilemma. Next, let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

How to view the new GitHub interface

Click on the personal avatar and find Feature preview to view the latest features of GitHub

Find Repository refresh and click Enable to open the ability to view the latest page of the warehouse.

Overall comparison of new and old versions of GitHub warehouse pages

First of all, let's have a wave of memories to see what the old interface looks like.

And then we're going to make the new interface shine!

From the perspective of the interface as a whole, there are still some changes. Let's analyze them one by one below.

Overall Arrangement

Old version: because GitHub was launched in 2008, the front-end technology at that time was not mature enough, and due to the limitation of computer screen size, the main content was concentrated in the wide area of 980px.

New version: after the revision, the main content section of the new interface has become wider, reaching the width of about 1200px (responsive layout will change to a certain extent)

Conclusion: in terms of layout, the new version looks more atmospheric and is more in line with the current trend of large screens.

Warehouse basic information

Old version:

There is Used By information above, indicating the number of times the repository has been referenced by other applications as a development package. The description of the warehouse and the address of the website are on one line, the label is on the next line, and click Edit on the right to edit the basic information, including commits, branches, packages, releases, contributors and open source protocols, all on one line. The proportion of different languages is distinguished by color.

New version:

There is no more Used By information at the top. This is not sure whether GitHub accidentally left out the warehouse introduction, website address and label on the right, each with a line. The edit button uses icon to replace the original text base information highlighting Readme links, open source protocols, the latest version of release, GitHub's self-built package distribution repository, contributor list and language share.

When you click the Publish your first package button, you will jump to the following interface

You can see that GitHub supports the release of a variety of packages, including Docker, Maven, npm, etc., and the entry location is more obvious than the old version.

Summary: after the revision, the content of basic information is focused, which is more conducive to users to see the information they care about, such as the release of logs and updates are very concerned by many developers, the previous entry location is not obvious enough. It is also obvious that GitHub is ready to promote the construction of its own package warehouse.

Find and edit

Old version:

The old interface has the ability to upload and find files, but it is not obvious enough.

Click Find file to search for files, such as searching for config in the following figure

After searching, select a file, you can edit the file or find other files to jump to

New version:

The new version of the interface highlights the file search function, merging the creation and upload of files.

Click Go to file to search for files, such as searching for config in the following figure

After searching, select a file, you can edit the file or find other files to jump to

However, compared with the old version, there are two new functions, navigating to a certain line or a function definition.

Click Go to line and enter the line number 200.It will automatically navigate to the 200line location of the current file.

Click Go to definition and you will see a list of all the functions in the current file

Filter according to the function list to find the function you want to check, and click to jump to the corresponding location, such as selecting queryParse.

This is the end of the content of "what are the basic operations of GitHub". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.