Эффективно читать исходный код Github

внешний интерфейс GitHub React.js Angular.js

Три способа. Если вы в основном смотрите на код фронтенд-проекта, смотрите прямо на третий.

1. Воспользуйтесь плагином Chrome Octotree, слева появится древовидная структура, в которой вам удобно просматривать исходный код.

адрес:

chrome.Google.com/веб-магазин/…

Похожий плагин — Sourcegraph:

адрес:

chrome.Google.com/веб-магазин/…

2. Используйте настольное приложение Github Desktop. Удобно клонировать код на локалку, а потом выполнять различные git-операции.

Адрес рабочего стола Github:

Simple collaboration from your desktop

Что касается того, почему я не упоминаю SourceTree, так это потому, что моя тема — эффективное чтение исходного кода Github, а Github Desktop — официальный инструмент для работы с Github. Хотя, конечно, это не ограничивается репозиториями git, размещенными на Github, в конце концов, удобнее использовать Github.

3. Если вы разрабатываете интерфейс (Angular, React, ES6, Typescript),Тогда наиболее рекомендуемый способ! Непосредственно превращает Chrome в онлайн-IDE. Помогите подготовить пакет npm и запустить его напрямую.

Просто измените адрес github наstackblitz.com/Просто начните с github.

Например, на видео ниже адрес проекта Github:

https://github.com/gothinkster/angular-realworld-example-app

изменить на

https://stackblitz.com/github/gothinkster/angular-realworld-example-app

Официальный адрес Stackblitz:

Online VS Code IDE for Modern Web Applications

Stackblitz можно рассматривать как онлайн-код VS, вы можете прочитать о Stackblitz и другом контенте:

blog.angular.IO/run-angular… medium.com/@Эрик Саймон говорит…

Если вы считаете, что изменить URL-адрес слишком сложно, посмотрите здесь:

NG-NOW

Перетащите значок в левом верхнем углу, чтобы он стал закладкой.В будущем вам нужно будет только посетить проект Angular на Github, а затем нажать на закладку.

Наконец, я хочу сказать, что использование Stackblitz с GitHub Pages для разработки персональных домашних страниц — идеальное сочетание! ! ! Вы думали об этом?

GitHub Pages

--------------------------------------------------------

Кто-то в области комментариев указал, что третий метод применим только к проектам, созданным @angular/cli, я попробовал его, и это действительно так:

Но в официальной документации написано:

Yup, you can point directly at Github repos containing Angular/React projects and it'll automatically pull them down & run them.
Documentation - StackBlitz

Итак, проект React, следите за обновлениями!

Категории