8 крутых вещей, которые вы можете сделать с GitHub

Предисловие

Как разработчик, вы должны любить просматривать веб-сайт GitHub. Но знаете ли вы, что есть много скрытых волшебных функций, которые помогают нам использовать его лучше?

1. Используйте клавишу «t» для быстрого поиска файлов

Друзья мои, это крутая функция, о которой мало кто знает.

Если вы хотите просмотреть содержимое файла, вы можете нажать клавишу «T». Затем введите имя файла, вы можете перейти непосредственно к целевому файлу.

Шаги

  1. Откройте https://github.com/lodash/lodash (любой проект на GitHub)
  2. Нажмите клавишу "T"
  3. Введите add.test.js (любое имя файла, которое вы хотите найти)
  4. Нажмите, чтобы перейти к просмотру содержимого файла

2. 3 способа просмотра кода с помощью онлайн-редактора «VSCode»

Хотя использование клавиши «T» позволяет нам быстро искать файлы, это становится неэффективным, когда вы хотите просмотреть весь код проекта.

Я поделюсь с вами тремя способами просмотра кода онлайн, как в вашем редакторе VSCode. Третий — мой любимый способ, уверен, вам понравится.

2.1. Способ 1: Используйте «.» быстрая клавиша

Вам нужно нажать «.» ключ, чтобы насладиться обходом онлайн-редактора VSCode.

Шаги

  1. Откройте https://github.com/vuejs/vue (любой проект на GitHub)
  2. Нажмите «.» Ключ
  3. Затем вы будете перенаправлены на https://github.dev/vuejs/vue
  4. Наслаждайся этим…

2.2. Способ 2: используйте «github1s.com»

Когда вы видите свой любимый проект на GitHub, вам нужно изменить «github» на «github1s», чтобы добиться того же эффекта, что и в методе 1!

Шаги

  1. Откройте https://github.com/vuejs/vue (любой проект на GitHub)
  2. Измените https://github.com/vuejs/vue на https://github1s.com/vuejs/vue
  3. Наслаждайся этим…

2.3. Способ 3: используйте «gitpod.com/#xxx»

Третий способ потрясающий, вы даже можете запускать код Node.js прямо в Интернете, мне это очень нравится.

Его очень легко использовать, вам просто нужно добавить gitpod.com/# перед ссылкой на GitHub.

Шаги

  1. Откройте https://github.com/qianlongo/fe-handwriting (любой проект на GitHub)
  2. добавить gitpod.com/# перед https://github.com/qianlongo/fe-handwriting
  3. Наслаждайся этим…

3. Ссылка на одну строку кода

Иногда вы хотите сделать ссылку на определенную строку кода. Так же, как на картинке ниже.

Что вы должны сделать?

Шаги

  1. Откройте https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js (любой проект на GitHub)
  2. Щелкните номер строки слева
  3. Скопировать ссылку(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8

Я уверен, что вы, должно быть, заметили «L8» после нашей ссылки. Да, верно, вы можете сослаться на нужный вам код, изменив «L» + номер строки.

4. Привязка к многострочному коду

Поскольку мы можем ссылаться на одну строку кода, можем ли мы ссылаться на несколько строк?

Ответ можно определить.

Шаги

  1. Откройте https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js (любой проект на GitHub).
  2. Удерживая нажатой клавишу "shift", щелкните номер строки слева.
  3. Скопировать ссылку(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8-L24).

5. Перейти к месту определения функции

Как быстро сделать ссылку на место, где определена функция?

Я рекомендую вам плагин для Chrome, название sourcegraph.

Когда плагин установлен, кнопка появится, когда мышь будет помещена туда, где используется функция. Нажмите, чтобы указать, где это определено.

Просмотреть GIF

6. Просмотрите список сочетаний клавиш

GitHub предоставляет множество сочетаний клавиш, которые помогают нам читать код, но запомнить их непросто. К счастью, вы можете использовать «Shift» + «?» для вызова списка ярлыков.

Окончательно

Спасибо, что прочитали. С нетерпениемс нетерпением жду ваших подписчиков и новых статей высокого качества.





Интервьюер: Может ли «x !== x возвращать True в JavaScript?
Пять волшебных знаний в области JavaScript, о которых вы, возможно, не знали!javascript.plainenglish.io»







Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.