Подключение к GitHub репозиторию через Visual Studio Code и публикация пакета в NPM

Заметка. Ответы на часто задаваемые вопросы.

• как скопировать Git репозиторий на свой компьютер?
• как вносить изменения и сохранять их в репозитории?
• как опубликовать созданный npm пакет (package.json)?

Команды терминала VSCode

Команды указаны в правильной последовательности, начиная от копирования репозитория, до публикации пакета npm

Открываем терминал в среде разработки и вводим команду git clone. Далее переход на GitHub, жмем зеленую кнопку Clone or download, копируем ссылку на репозиторий, вводим адрес в поле ввода VSC. Начинается копирование репозитория.

Теперь можно спокойно редактировать файлы.

По окончании работ, вводим в терминале команду npm init, тем самым создаем новую версию/обновляем старую. (например, 1.0.51, проверяем правильность данных, сохраняем (yes/no)).

После всех изменений, необходимо авторизоваться на GitHub под своим логином, чтобы сохранить изменения:

• git config --global user.email ваша почта

• git config --global user.name ваш логин

Для публикации на GitHub и/или внесения изменений в репозиторий, вводим команду git push

• Username: ваш логин
• Password: ваш пароль в гит

Теперь осталось опубликовать наш пакет.

Авторизация на сайте npm и публикация пакета

Вводим команду npm login, затем вносим свои данные:

• Username: ваше ~имя на сайте npmjs.com (вводится без ~)
• Password:
• Email:

Вводим в терминал команду npm publish и публикуем новую версию пакета на сайте npm.

В конце вводим npm view имя_пакета version и проверяем последнюю версию пакета (например, npm view box-shadows-css version).

Прочие команды для Git

• ... -v — узнать версию. Например, npm -v
• git log — просмотр состояния и изменений в репозитории
• git branch имя_ветки — создание новой ветки
• git checkout имя_ветки — переход в новую ветку
• git checkout master — переход к последней версии в ветке master
• git branch -a — показывает в какой ветке мы находитмся
• git tag — просмотр тегов
• git tag v1.0.0 — создание тега первой версии
• git checkout v1.0.1 или git checkout v1.0.0-beta — переключение по имени тега
• git status — проверка состояния и наличия измененных файлов
• git commit — сохранение созданного коммита
• git merge имя_коммита — слияние коммитов
• git pull — соединение коммитов в текущую ветку
• git fetch — собирает все коммиты из целевой ветки, которых нет в текущей и сохраняет их в локальном репозитории
• git fetch + git merge — соединение коммитов в основную ветку (аналог команды git pull в 2 действия)
• git push origin имя_ветки — указываем конкретную ветку для публикации
• git branch -d имя_ветки — удалить ветку локально
• git push origin --delete имя_ветки — удалить ветку в удаленном репозитории

Отменить последний опубликованный коммит

• git reset --hard хэш-код — выглядит хэш-код примерно так 9b34a03111e48aedc09a7bb33bbdf3a80ce94270
• git push --force — вносим изменения в удаленный репозиторий