diff --git a/recipes/github-editing-files-in-browser/images/file-editing.png b/recipes/github-editing-files-in-browser/images/file-editing.png new file mode 100644 index 0000000000..85421a2a74 Binary files /dev/null and b/recipes/github-editing-files-in-browser/images/file-editing.png differ diff --git a/recipes/github-editing-files-in-browser/images/file-view.png b/recipes/github-editing-files-in-browser/images/file-view.png new file mode 100644 index 0000000000..26a305b58e Binary files /dev/null and b/recipes/github-editing-files-in-browser/images/file-view.png differ diff --git a/recipes/github-editing-files-in-browser/images/repo-tabs.png b/recipes/github-editing-files-in-browser/images/repo-tabs.png new file mode 100644 index 0000000000..0a8f538fcd Binary files /dev/null and b/recipes/github-editing-files-in-browser/images/repo-tabs.png differ diff --git a/recipes/github-editing-files-in-browser/images/vs-code-in-browser.png b/recipes/github-editing-files-in-browser/images/vs-code-in-browser.png new file mode 100644 index 0000000000..66a167d798 Binary files /dev/null and b/recipes/github-editing-files-in-browser/images/vs-code-in-browser.png differ diff --git a/recipes/github-editing-files-in-browser/index.md b/recipes/github-editing-files-in-browser/index.md new file mode 100644 index 0000000000..2098ffa746 --- /dev/null +++ b/recipes/github-editing-files-in-browser/index.md @@ -0,0 +1,38 @@ +--- +title: "Как редактировать файлы на GitHub" +description: "Иногда возникают ситуации, когда нет доступа к редактору. Редактируйте файлы прямо на GitHub." +authors: + - igsekor +related: + - tools/version-control + - tools/git-cli + - tools/github-actions +tags: + - article +--- + +## Задача + +Нет доступа к редактору или любимой IDE (Integrated Development Environment — интегрированная среда разработки), надо что-то срочно подправить в репозитории на GitHub. + +## Готовое решение + +Есть два пути. Первый и самый простой — выбрать нужный файл в репозитории, кликнуть по нему и на открывшейся странице нажать кнопку редактирования (с иконкой с карандашом). Кнопка находится в блоке с информацией о файле и другими элементами для работы с ним. Слева в боковом меню можете найти все файлы и папки репозитория. Чтобы быстро найти нужный файл или переместиться по дереву папок, используйте поле поиска в начале блока рядом с выбранной веткой. + +![Просмотр файлов репозитория. Описание выше.](images/file-view.png) + +В режиме редактирования, если это файл в формате Markdown, можно переключаться между редактором и предварительным просмотром кнопками «Edit» и «Preview». Они находятся рядом с полем для изменения названия файла. + +Когда закончили редактирование, сохраните изменения с помощью коммита. Для этого нажмите на кнопку «Commit changes…» справа вверху. Кнопка тоже находится рядом с названием файлах. Если решили отменить изменения, нажмите на соседнюю кнопку «Cancel changes». + +![Редактирование файла в браузере. Описание выше.](images/file-editing.png) + +Второй способ — загрузить в браузер веб-версию редактора VS Code. Чтобы открыть редактор, нажмите клавишу > (угловая закрывающая скобка) на клавиатуре в английской раскладке. Для этого вы должны быть на основной (первой) вкладке репозитория «Code». + +![Вкладки репозитория. Описание выше.](images/repo-tabs.png) + +Редактирование в IDE практически ничем не отличается от десктопной версии редактора, однако полноценно запустить код не получится. Для этого нужно оплатить использование [Codespaces](https://docs.github.com/en/codespaces/overview) на GitHub. Если можете внести изменения без запуска сборки, это удобный способ редактирования. В веб-версии VS Code работают стандартные горячие клавиши редактора. + +Интерфейс редактора выглядит так же, как десктопный. Есть боковое меню — со вкладками для поиска, плагинами, файлами проекта, ветками и так далее. В основной части экрана находится окно для редактирования файлов и панель вкладок с открытыми документами. Внизу, после основной части экрана, находится консоль со вкладками «Problems», «Output», «Terminal» и «Comments». + +![Редактор Visual Studio Code в браузере. Описание выше.](images/vs-code-in-browser.png) diff --git a/recipes/index.md b/recipes/index.md index 9e4e1a54ed..6f6370e271 100644 --- a/recipes/index.md +++ b/recipes/index.md @@ -23,6 +23,7 @@ groups: - github-choose-license - github-add-user-to-repo - github-new-pull-request + - github-editing-files-in-browser - github-new-issue - github-add-readme - name: 'Рутина'