Подключение к 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

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