Тёмный

Полный гайд по NPM для новичков | Как установить, обновить удалить пакеты - настройка NPM для работы 

CodeQuest
Подписаться 6 тыс.
Просмотров 40 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 214   
@CodeQuestRu
@CodeQuestRu 3 года назад
Решил записать полноценный курс по работе с NPM, чтобы не возвращаться к нему при рассмотрении остальных инструментов. Узнали для себя что-то новое? 0:00 - Обзор курса 1:05 - Пару слов о Node.js 2:49 - Хранилище пакетов 5:11 - Установка Node.js и NPM 7:03 - Инициализация проекта 9:16 - Поиск пакетов 10:55 - Установка пакета NPM 13:20 - Виды зависимостей 16:30 - Директория node_modules 18:33 - Исполняемые файлы и NPM скрипты 22:19 - Версии пакетов и их обновление 28:31 - Перенос проекта на продакшен
@Zababon
@Zababon 2 года назад
Спасибо. То тут то там инфу цеплял. Теперь получил целостную картину.
@CodeQuestRu
@CodeQuestRu 2 года назад
Рад, что пригодилось =)
@Zababon
@Zababon 2 года назад
@@CodeQuestRu в итоге замутил скрипт который одновременно поддерживает watch для последовательной прогонки через sass и postcss. Пришлось, правда, ещё пакетом npm-run-all воспользоваться для параллельного запуска двух скриптов. Но вроде работает как надо и без дополнительных сборщиков :)
@404moon
@404moon Год назад
Без воды, хорошо
@igorpom2
@igorpom2 2 месяца назад
Большое спасибо за видос!)
@ЕкатеринаЕрмошина-ы2п
Спасибо!!! Отличная подача, всё понятно!!
@CodeQuestRu
@CodeQuestRu 3 года назад
Спасибо за обратную связь. Очень рад! Значит не зря старался =)
@ПашаКолотий-ц7ю
@ПашаКолотий-ц7ю 2 года назад
Спасибо мужик, очень хороший ролик)
@CodeQuestRu
@CodeQuestRu 2 года назад
Рад, что пригодился =)
@ДмитрийИоржев
@ДмитрийИоржев 2 года назад
Хорошо обьяснил, разложил все по аолочкам! Лайк и Подписка.
@bekbolsuuun
@bekbolsuuun Год назад
Спасибо, понятно объяснено
@kuznetsovs
@kuznetsovs 2 года назад
Отлично! Запишите видео по NPM скриптам
@CodeQuestRu
@CodeQuestRu 2 года назад
Как будет время, постараюсь =)
@kuznetsovs
@kuznetsovs 2 года назад
@@CodeQuestRu Спасибо большое. Будем ждать
@rssreader90
@rssreader90 2 года назад
Спасибо за труд, отличное видео Запиши пожалуйста проведение тестов через npm
@CodeQuestRu
@CodeQuestRu 2 года назад
Когда будет время, обязательно запишу. Закину пока в заметки
@Дарья-у5т6п
@Дарья-у5т6п 2 года назад
Это действительно отлично структурировано и подробно объяснено. Спасибо за урок
@nkljVlkv
@nkljVlkv 2 года назад
хорошее видео
@CodeQuestRu
@CodeQuestRu 2 года назад
Спасибо =)
@RomanKhassazhirov
@RomanKhassazhirov Год назад
Спасибо за то, что ты делаешь. Максимально грамотно, без воды и с прекрасной дикцией! :)
@okolenmi7511
@okolenmi7511 2 года назад
Такая подача мне больше всего нравится. Неспешно, с паузами, но за то хоть успеваешь обдумать нормально контент.
@dar13381
@dar13381 Год назад
Видео помогло быстро разобраться с NPM. Спасибо большое за столь подробный и понятный материал с примерами команд!
@alexo6935
@alexo6935 3 года назад
Очень аккуратно и доступно обьясняется,без лишней воды!!Подписался и оформил колокольчик!Хороший уровень подачи информации👍👍👍
@CodeQuestRu
@CodeQuestRu 3 года назад
Спасибо большое за поддержку =)
@NikolayBarkalov
@NikolayBarkalov 2 года назад
ALEXO, я с вами. Автор и правда очень хорош
@asifabbasov3801
@asifabbasov3801 5 месяцев назад
У меня проблема, есть проект. В нем уже есть package.json, мне нужно установить пакет node modules, но команда npm install не работает не в VS Code не в терминале. Помогите пожалуйста
@ДмитрийКоваленко-ъ2х
Довольно плотный и актуальный материал, есть что подчерпнуть, и что взять на заметку. Спасибо и успехов!!!
@CodeQuestRu
@CodeQuestRu 2 года назад
Спасибо! Постараюсь также плотно рассказать про Gulp =)
@oz5826
@oz5826 Год назад
слушай у меня не понятная проблема я использую консоль гет баш и при введении команды < npm i > он выдает вот эти ошибки npm ERR! Invalid Version: npm ERR! A complete log of this run can be found in: C:\Users\User\AppData\Local pm-cache\_logs\2023-09-09T06_35_52_086Z-debug-0.log что это и как решить?
@ВиталийДавыдов-э4г
У меня cmd от openserver - не видит npm . node загружен на виндоз. что делать? как прописать путь?
@aton_goldenstern
@aton_goldenstern 6 месяцев назад
Благодарю за полезный контент! Очень жаль, что вам пришлось оставить контент-мейкинг.
@Beyond-the-transcendent
@Beyond-the-transcendent Год назад
на ноде предпроцессоры не написаны. на ноде написаны компиляторы для вас это мелочь, а па факту это ужасная ошибка превращающая понимание матерьяла в ад Хотя это первое норм видео т.к по ноде вообще ничего нормального нету , на курсах один бред
@silenciomar
@silenciomar 9 месяцев назад
Спасибо большое! Раньше на обум делала всё, запомнив пару команд, а теперь пришло понимание как работает npm)))
@binigersbinigers5973
@binigersbinigers5973 Год назад
а как разбираться с ошибками или конфликтами версий в проектах, когда скачиваешь проект чужой, например, vk-mini-app?
@valdiss1978
@valdiss1978 3 года назад
Хорошее видео. Всё понятно, ничего лишнего. Очень ждём видео по галпу. Кстати, уже по нему есть вопрос, который, возможно будет всем интересен в связке gulp - github. В локальной сборке, как, думаю, и многие, использую для продакшна отдельную папку build. Что нужно сделать, чтобы запушить на гитхаб именно эту папку, а не основной репозиторий? Пробовал несколько вариантов. 1. htaccess. Но он не работает на гитхабе (что, в принципе, логично) 2. Создать в корне пустой файл с редиректом на /build. 3. Мета тэг 4. Использовать пакет gh-pages (создается другая ветка). Вот последний вариант не до конца получается. Что делаю. Устанвливаю npm i gh-pages --SD. Подключаю ghPages и path через const. Добавляю таск ghPages.publish(path.join(process.cwd(), './build'), cb); и Вызываю. Всё срабатывает, содержимое папки build помещается в ветку gh-pages на github.com и открывается в github pages. Но. Слетают пути к стилям и скриптам, если в Settings не изменить Default branch с master на gh-pages и потом заново сохранить Source в Pages. Либо врукопашную править пути подключений в index.html ветки master. Например gulp собирает из .src(["js/script.js", "libs/**/*.js"]) все скрипты, минимизирует, конкатенирует и кладет всё в script.min.js папки build/ И приходится на гитхабе в index.html ветки gh-pages менять этот путь на ./js/script.min.js. Сейчас перечитал, что я тут понаписал и сам не понял ))) Но лучше уже не объясню. Вобщем, пожелание на будующий урок по gulp - разобрать ПОШАГОВО этот пример с деплоем папки build. Заранее спасибо!
@CodeQuestRu
@CodeQuestRu 3 года назад
Ох, тут надо будет на свежую голову перечитать :D Постараюсь разобраться и объяснить, либо в этом курсе, либо в отдельном уроке или сообщении =)
@CodeQuestRu
@CodeQuestRu 3 года назад
Еще как вариант, я попробую рассказать об этом в курсе по Git
@СергейК-б6н
@СергейК-б6н 10 месяцев назад
Про npm скрипты очень интересно ! Надеюсь такое видео появилось если да подскажите ссылку. Спасибо.
@theserghd1
@theserghd1 9 месяцев назад
на node.js ничего не написано, написано на js+ts. А node.js это лишь платформа.
@alexshepard4197
@alexshepard4197 Год назад
Спасибо за материал! Очень подробно всё, а может и не всё, но всё же))))!
@tiestovadim95
@tiestovadim95 23 дня назад
Хорошее, грамотное видео. Спасибо!
@Детишки-з2н
@Детишки-з2н 2 года назад
Спасибо большое за видео. Очень хорошо объяснили. С меня подписка. Хотелось бы посмотреть видео с продолжением, например примеры после того как мы установили все необходимое и как применяются те или иные файлы (программки) в верстке.
@CodeQuestRu
@CodeQuestRu 2 года назад
Спасибо. На канале есть несколько видео по написанию и использованию gulp-сборки, а также верстки сайтов. Возможно они вам подойдут =)
@Детишки-з2н
@Детишки-з2н 2 года назад
@@CodeQuestRu Спасибо. Посмотрю лишним не будет )
@fosk2845
@fosk2845 Год назад
Отличное видео. Четко, содержательно и без лишней воды. Спасибо тебе огромное!
@СоломіяСидорик
что делать если npm -v не показивает версию?
@koreikin
@koreikin Год назад
очень полезное видео, спасибо за проделанный труд.
@alice_black_1004
@alice_black_1004 5 месяцев назад
Спасибо. Стало лучше понятно насчет npm
@dealhubpro
@dealhubpro Год назад
Обновление через "*" похоже больше не работает.
@SnezanaG
@SnezanaG 5 месяцев назад
Большое спасибо. Очень понятно и подробно.
@gorbulevsv
@gorbulevsv Год назад
Спасибо, все очень доступно и исчерпывающе изложено!
@АлинаАвхадеева-щ7ы
Отличный курс🔥, спасибо
@zeesnail7405
@zeesnail7405 Год назад
Спасибо за подробный гайд без воды. Несмотря на официальный тон, слушать даже интересно.
@lidiamenshikova1130
@lidiamenshikova1130 Год назад
спасибо, во многом прояснили ситуацию 👍
@frontend-212
@frontend-212 Год назад
Скажите, от куда берутся такие знания? Там где я учусь даже учителя зеленые... Вы где учились?
@CodeQuestRu
@CodeQuestRu Год назад
Самообразование и личный опыт =)
@dmitry_st
@dmitry_st 2 года назад
Отличная подача материала, структурно, понятно. Спасибо за Ваш труд.
@CodeQuestRu
@CodeQuestRu 2 года назад
Старался =)
@danzeel
@danzeel Год назад
Очень понравилось, все понятно стало!
@amalgama1977
@amalgama1977 Год назад
спасибо. да очень классный урок
@kykripchannel4814
@kykripchannel4814 7 месяцев назад
вау, спасибо большое. ещё посмотрел видео про gulp. очень понравилось.
@CodeQuestRu
@CodeQuestRu 7 месяцев назад
Рад, спасибо =)
@MarkoTH000
@MarkoTH000 2 года назад
Пишу отдельный коммент для алгоритмов ютуба!! Еще раз спасибо!
@CodeQuestRu
@CodeQuestRu 2 года назад
Спасибо, рад, что было полезно =)
@ФирузВорисов
@ФирузВорисов 2 года назад
здравствуйте спасибо очень полезное видео вопрос: в продакшне если уже был выполнено команда npm i и правильно как установить новые пакеты которые появились в package.json потом?
@CodeQuestRu
@CodeQuestRu 2 года назад
Еще раз запустить эту же команду, чтобы подгрузить новые пакеты =)
@vladikovcharenko3609
@vladikovcharenko3609 Год назад
материал супер, но! нужно ли для начала работы (на мак) устанавливать все пакеты глобально? просто попал в такую ситуацию, скачал проект для обучения, установил через npm i все нужные пакеты для проекта, но ничего не работает(( проект не запускается
@CodeQuestRu
@CodeQuestRu Год назад
По идее пакеты везде нужно ставить, без них нечему будет работать
@paulm4875
@paulm4875 Год назад
Очень полезный материал! Спасибо! Но у меня вопрос который мучает меня, как понять какой пакет мне нужно устанавливать в тот или иной проект? Я же не могу просмотреть все (тысячи пакетов) или это будет уже понятно когда я начну работать? Потому что вот это для меня остается не понятным.
@CodeQuestRu
@CodeQuestRu Год назад
Когда возникает новая задача, просто ищешь подходящие пакеты и пробуешь, читая их документацию. С опытом точно разберешься =)
@ВикторДолгашка
@ВикторДолгашка 2 года назад
я щас буду устанавливать все пакеты
@bessonov7897
@bessonov7897 Год назад
Мега крутой чел, объясняет мега крутой контент. Спасибо огромное
@CodeQuestRu
@CodeQuestRu Год назад
Спасибо, приятно =)
@spanch1bobr
@spanch1bobr 2 года назад
лайк за материал, а за англ дизлайк. вечная проблема у всех с ним - уши коробит, не от акцента, а от просто неправильного произношения.
@CodeQuestRu
@CodeQuestRu Год назад
Ну нормально, в ноль вышел)
@katerynat691
@katerynat691 Год назад
Видео было для меня мега полезным
@front-end_Blr
@front-end_Blr 2 года назад
Спасибо за видео! Это лучший гайд по npm на русском языке.
@CodeQuestRu
@CodeQuestRu 2 года назад
Рад стараться =)
@sergeysergeev8705
@sergeysergeev8705 2 месяца назад
Просто и очень чисто.
@alexlebed8000
@alexlebed8000 8 месяцев назад
Отлично! Спасибо!
@EvgenichTalagaev
@EvgenichTalagaev 2 года назад
Спасибо, с меня подписка)
@СергейКозаченко-я2ф
спасибо, очень полезно!
@СергейК-б6н
@СергейК-б6н 10 месяцев назад
Че я раньше этот канал не нашел
@valeriyk7565
@valeriyk7565 2 года назад
очень полезно, спасибо!
@nazargavrilov873
@nazargavrilov873 Год назад
очень смешные хомячки
@AllesKaput
@AllesKaput 2 года назад
Привет, подскажите кто знает пожалуйста. У меня есть несколько проектов на галпе. Можно как то выделить общий путь к папке node_modules, а не копировать её каждый раз??
@CodeQuestRu
@CodeQuestRu 2 года назад
А можно подробней? Что за путь и зачем это нужно? Путь до node_modules из sass-файлов или что?
@AllesKaput
@AllesKaput 2 года назад
Ну я в принципе уже нашёл решение. Я просто поместил папку модулей ноды в корневую папку со всеми файлами.
@TheEegmen
@TheEegmen Год назад
все хорошо объяснил
@Meditationandrelaxation-d7w
@Meditationandrelaxation-d7w 2 года назад
Спасибо тебе за качественные уроки дайк и подписка от меня,
@CodeQuestRu
@CodeQuestRu 2 года назад
Благодарю =)
@romashka7519
@romashka7519 2 года назад
Спасибо!Лайк!
@gadjimuradmirzoev1312
@gadjimuradmirzoev1312 2 года назад
Спасибо за урок! :)
@joonlorka1371
@joonlorka1371 Год назад
Спасибо, доходчиво.
@ТОЛЬКОПОБЕЗДОРОЖЬЮ
@ТОЛЬКОПОБЕЗДОРОЖЬЮ 9 месяцев назад
круто
@gorbulevsv
@gorbulevsv 2 года назад
Спасибо, очень ценная информация (для меня).
@CodeQuestRu
@CodeQuestRu 2 года назад
Рад, что пригодилось =)
@СашаСирант
@СашаСирант Год назад
спасибо , оч. помогло
@Тёмныйрыцарь-д4ж
👍
@TheVolf359
@TheVolf359 2 года назад
🔥
@alexmarch
@alexmarch Год назад
просто спасибо!
@demidronder
@demidronder Год назад
Очень классный контент. Жаль перестал снимать(
@CodeQuestRu
@CodeQuestRu Год назад
Спасибо, еще вернусь)
@VolodimirKuzmin
@VolodimirKuzmin Год назад
Спасибо!!!
@amat0ru
@amat0ru 2 года назад
поддерживаю
@alexsavchenko1590
@alexsavchenko1590 Год назад
Урок огонь!
@OlegStepanenko-v5d
@OlegStepanenko-v5d Год назад
Полезное
@AntonioBenderas
@AntonioBenderas 2 года назад
20:47 хотим
@iakovalmazov8486
@iakovalmazov8486 2 года назад
Спасибо !
@ВиталикЛещенко-т9м
Спасибо)
@РоманНарожнов
@РоманНарожнов Год назад
спасибо!
@god_slayer-restart
@god_slayer-restart Год назад
Спасибо
@АнатолеВасерман-ж1й
horosh!
@BrestSouth
@BrestSouth 3 года назад
Классный контент! Может Вы подскажите как сделать так, у меня на на сборке gulp которая крутится на wsl2 есть browser-sync который при запуске запускает сервер, на него с компьютера. Я захожу без проблем. А вот если я хочу зайти с телефона или другого устройства по external адресу по у меня это не получается сделать. Я понимаю,что проблема в том, что все запушено на wsl2 и как бы это сказать по нормальну, не сильный я еще специалист, но все же мне наверное нужно как то дать разрешения для того чтобы я мог увидить этот адреc. Могу только догадываться, что возможно firewall что то блокирует. Извените что не по теме а за контент. огромное спасибо, продолжайте
@CodeQuestRu
@CodeQuestRu 3 года назад
Спасибо! Сходу я тут ответить не смогу, не сталкивался с такой проблемой. Но как будет время, попробую разобраться =) Вы тоже напишите решение, если оно найдется, может кому-то это пригодится
@BrestSouth
@BrestSouth 3 года назад
@@CodeQuestRu дело в том, если запустить сборку локально, то этой проблемы нету. Но не всегда, чьи то решения на windows работают нормально, и пришлось мне запустить это дело на ubuntu.
@Евгений-м8н6д
@Евгений-м8н6д 3 месяца назад
Круто, классно! Нет слов, одни эмоции! Доходчиво объяснил, разжевал, хорошая подача. Лайк и подписка однозначно.
@ТатьянаКалюгина-щ6ж
Спасибо
@vladkolesnikov6745
@vladkolesnikov6745 2 года назад
спасибо
@СаняПетров-т3о
@СаняПетров-т3о 2 года назад
толково
@medokuk8644
@medokuk8644 2 года назад
Классно обяснил! Лайк и подписка!
@CodeQuestRu
@CodeQuestRu 2 года назад
Спасибо =)
@walker1188
@walker1188 Год назад
а что делать если после команды npm init -y ничего не появляется?
@CodeQuestRu
@CodeQuestRu Год назад
А версия выводится? npm -v
@walker1188
@walker1188 Год назад
@@CodeQuestRu да
@heisenberg1o2
@heisenberg1o2 Год назад
спасибо за видео! очень доступно для того, кто сегодня первый раз использовал npm) сохраню и буду пересматривать в случае чего :D удачи Вам!
@АлександрТкаченко-п1ф
Спасибо тебе большое, добрый человек!!! Классное обучающее видео)))))))))
@alekseystepanov2807
@alekseystepanov2807 2 года назад
Отличный гайд по NPM!
@CodeQuestRu
@CodeQuestRu 2 года назад
Спасибо, старался =)
@Ksito
@Ksito 2 года назад
Спасибо за видео
@CodeQuestRu
@CodeQuestRu 2 года назад
Рад помочь =)
@liudmyladolzhenko516
@liudmyladolzhenko516 Год назад
Это очень полезное видео. Всё структурировать и нет бла-бла лишнего. Благодарю! Расскажите, пожалуйста, про Tailwind. Установка и нюансы работы при подключении.
@АлексейКречун-з7р
@АлексейКречун-з7р 2 года назад
Все очень четко и структурированно! Спасибо!)
@CodeQuestRu
@CodeQuestRu 2 года назад
Спасибо, старался сделать доступный гайд =)
@СергейК-б6н
@СергейК-б6н 10 месяцев назад
Это охринеть какое полезное видео. Спасибо за ваш труд.
@alexo6935
@alexo6935 3 года назад
Сделай пожалуйста видео о сборке проекта!А то проходил тут одни курсы, и мне тяжело далась эта тема.
@CodeQuestRu
@CodeQuestRu 3 года назад
Следующее виде постараюсь сделать про Gulp, объясню все простым языком
@alexo6935
@alexo6935 3 года назад
@@CodeQuestRu круто.Жду😊
@misterpopcorn8789
@misterpopcorn8789 2 года назад
Годнота епта!
@CodeQuestRu
@CodeQuestRu 2 года назад
Согласен))
Далее
Qalpoq - Amakivachcha (hajviy ko'rsatuv)
41:44
Просмотров 303 тыс.
Главное рыба есть, а воды нет..
00:54
NPM Crash Course
42:03
Просмотров 325 тыс.
python month4 lesson7 gr44-2
2:00:17
Просмотров 65
NPM пакет от А до Я. Для нубов
22:15
Ядерка-как это будет.
25:55
Просмотров 213 тыс.