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

[@CodeQuestRu]

Решил записать полноценный курс по работе с 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 - Перенос проекта на продакшен

[@silenciomar]

Спасибо большое! Раньше на обум делала всё, запомнив пару команд, а теперь пришло понимание как работает npm)))

[@okolenmi7511]

Такая подача мне больше всего нравится. Неспешно, с паузами, но за то хоть успеваешь обдумать нормально контент.

[@dar13381]

Видео помогло быстро разобраться с NPM. Спасибо большое за столь подробный и понятный материал с примерами команд!

[@RomanKhassazhirov]

Спасибо за то, что ты делаешь. Максимально грамотно, без воды и с прекрасной дикцией! :)

[@Дарья-у5т6п]

Это действительно отлично структурировано и подробно объяснено. Спасибо за урок

[@heisenberg1o2]

спасибо за видео! очень доступно для того, кто сегодня первый раз использовал npm) сохраню и буду пересматривать в случае чего :D удачи Вам!

[@Евгений-м8н6д]

Круто, классно! Нет слов, одни эмоции! Доходчиво объяснил, разжевал, хорошая подача. Лайк и подписка однозначно.

[@user-ph5qw4nz7h]

Лучшее что видел на просторах нета, респект автору!!!!

[@alexshepard4197]

Спасибо за материал! Очень подробно всё, а может и не всё, но всё же))))!

[@zeesnail7405]

Спасибо за подробный гайд без воды. Несмотря на официальный тон, слушать даже интересно.

[@mansur_terla]

Лучший формат видео который я когда-либо смотрел по IT тематике .. Спасибо вам Автор за этот урок)

[@CodeQuestRu]

Спасибо, приятно)

[@fosk2845]

Отличное видео. Четко, содержательно и без лишней воды. Спасибо тебе огромное!

[@alexo6935]

Очень аккуратно и доступно обьясняется,без лишней воды!!Подписался и оформил колокольчик!Хороший уровень подачи информации👍👍👍

[@CodeQuestRu]

Спасибо большое за поддержку =)

[@NikolayBarkalov]

ALEXO, я с вами. Автор и правда очень хорош

[@valery9702]

Как я рада, что наткнулась на ваш канал! Отличная подача, успехов в развитии канала!

[@CodeQuestRu]

Спасибо большое)

[@ДмитрийКоваленко-ъ2х]

Довольно плотный и актуальный материал, есть что подчерпнуть, и что взять на заметку. Спасибо и успехов!!!

[@CodeQuestRu]

Спасибо! Постараюсь также плотно рассказать про Gulp =)

[@EvgenichTalagaev]

Спасибо, очень приятная подача, никакой воды, всё по делу.

[@dmitry_st]

Отличная подача материала, структурно, понятно. Спасибо за Ваш труд.

[@CodeQuestRu]

Старался =)

[@СергейК-б6н]

Это охринеть какое полезное видео. Спасибо за ваш труд.

[@gorbulevsv]

Спасибо, все очень доступно и исчерпывающе изложено!

[@SnezanaG]

Большое спасибо. Очень понятно и подробно.

[@liudmyladolzhenko516]

Это очень полезное видео. Всё структурировать и нет бла-бла лишнего. Благодарю! Расскажите, пожалуйста, про Tailwind. Установка и нюансы работы при подключении.

[@Детишки-з2н]

Спасибо большое за видео. Очень хорошо объяснили. С меня подписка. Хотелось бы посмотреть видео с продолжением, например примеры после того как мы установили все необходимое и как применяются те или иные файлы (программки) в верстке.

[@CodeQuestRu]

Спасибо. На канале есть несколько видео по написанию и использованию gulp-сборки, а также верстки сайтов. Возможно они вам подойдут =)

[@Детишки-з2н]

@@CodeQuestRu Спасибо. Посмотрю лишним не будет )

[@koreikin]

очень полезное видео, спасибо за проделанный труд.

[@АлинаАвхадеева-щ7ы]

Отличный курс🔥, спасибо

[@ShadowS_WoW]

Cпасибо огромное! За пол часа узнал больше чем за 2 дня гугления

[@CodeQuestRu]

Супер, значит не зря делал =)

[@UCnBUnAmcvCs8FePEtmn]

Обалденный канал попался мне случайно в вк. Четко и ясно, думал канал минимум с 50к подписчиками. Мега перспективный. Процветание каналу. Лайк + подписка

[@CodeQuestRu]

Большое спасибо! Стараюсь подходить ответственно. И 50к надеюсь наберем, всему свое время =)

[@danzeel]

Очень понравилось, все понятно стало!

[@DenDK2023-z2o]

Огромное спасибо за качественный и полезный контент! Благодарю!

[@АнтонВалов-к1ч]

Отличное видео, надеюсь в будущем будете ещё выпускать, поскольку очень хорошая подача информации

[@CodeQuestRu]

Да, в этом году постараюсь вернуться =)

[@bessonov7897]

Мега крутой чел, объясняет мега крутой контент. Спасибо огромное

[@CodeQuestRu]

Спасибо, приятно =)

[@alexsavchenko1590]

Урок огонь!

[@kykripchannel4814]

вау, спасибо большое. ещё посмотрел видео про gulp. очень понравилось.

[@CodeQuestRu]

Рад, спасибо =)

[@ЕкатеринаЕрмошина-ы2п]

Спасибо!!! Отличная подача, всё понятно!!

[@CodeQuestRu]

Спасибо за обратную связь. Очень рад! Значит не зря старался =)

[@igorpom2]

Большое спасибо за видос!)

[@АннаАндреевна-ь1и]

Спасибо! Очень подробно, очень круто! Наконец-то поняла, что и как, всё по полочкам..

[@CodeQuestRu]

Рад =)

[@katerynat691]

Видео было для меня мега полезным

[@tiestovadim95]

Хорошее, грамотное видео. Спасибо!

[@qwertymegaforce9088]

Очень крутое обучение, спасибо )

[@АлиевЗайнула]

просто шикарный урок. Многое понял чего до этого даже не предпологал

[@CodeQuestRu]

Спасибо =)

[@irinasname]

Огромное спасибо!!! Намного понятнее и подробнее, чем на курсе который я купила. Процветания каналу.

[@CodeQuestRu]

Спасибо, старался дать полную информацию по NPM. Впереди еще много полезного =)

[@irinasname]

@@CodeQuestRu Спасибо огромное за ваш труд), подписалась, нажала колокльчик, буду ждать))

[@CodeQuestRu]

Спасибо за поддержку! А какие темы вам были бы еще интересны? Может занесу что-нибудь в заметки =)

[@irinasname]

@@CodeQuestRu Было бы супер про Webpack. Может я плохо искала, но не нашла видео которое бы было так хорошо сделано, как ваше о gulp (сейчас его смотрю, просто супер). Я на той стадии "развития", что мне всё интересно). Js, react потом планирую изучать более глубоко. Марафоны хорошая и полезная вещь, как по мне. Где прямо от верстки и до залива на хостинг. Такого качества контент, как вы делаете мало в открытых источниках, и не только в открытых, и это самое главное. Спасибо ещё раз))

[@CodeQuestRu]

Очень приятно читать такие комментарии, когда ценят твой труд =) Сейчас я планирую подготовить курс по верстке и поработать немного в этом направлении, открытые и закрытые марафоны. Но позже постараюсь и JS осветить, надеюсь, еще принесу вам пользу

[@sergeysergeev8705]

Просто и очень чисто.

[@404moon]

Без воды, хорошо

[@lidiamenshikova1130]

спасибо, во многом прояснили ситуацию 👍

[@andrewk3915]

Самый лучший канал по данной тематике

[@CodeQuestRu]

Спасибо, стараюсь =)

[@alice_black_1004]

Спасибо. Стало лучше понятно насчет npm

[@ДмитрийИоржев]

Хорошо обьяснил, разложил все по аолочкам! Лайк и Подписка.

[@MarkoTH000]

Пишу отдельный коммент для алгоритмов ютуба!! Еще раз спасибо!

[@CodeQuestRu]

Спасибо, рад, что было полезно =)

[@aldarzhai]

Очень доступное объяснение, всё по полочкам. Спасибо!

[@АлександрТкаченко-п1ф]

Спасибо тебе большое, добрый человек!!! Классное обучающее видео)))))))))

[@АлексейКречун-з7р]

Все очень четко и структурированно! Спасибо!)

[@CodeQuestRu]

Спасибо, старался сделать доступный гайд =)

[@СергейК-б6н]

Про npm скрипты очень интересно ! Надеюсь такое видео появилось если да подскажите ссылку. Спасибо.

[@Zababon]

Спасибо. То тут то там инфу цеплял. Теперь получил целостную картину.

[@CodeQuestRu]

Рад, что пригодилось =)

[@Zababon]

@@CodeQuestRu в итоге замутил скрипт который одновременно поддерживает watch для последовательной прогонки через sass и postcss. Пришлось, правда, ещё пакетом npm-run-all воспользоваться для параллельного запуска двух скриптов. Но вроде работает как надо и без дополнительных сборщиков :)

[@gorbulevsv]

Спасибо, очень ценная информация (для меня).

[@CodeQuestRu]

Рад, что пригодилось =)

[@Den_null]

Отличное видео, очень кратко и лаконично. Продолжай в том же духе!

[@SlavikPro1998]

огромное спасибо ! столько нового узнал и было это очень понятно !

[@CodeQuestRu]

Супер, старался =)

[@ПашаКолотий-ц7ю]

Спасибо мужик, очень хороший ролик)

[@CodeQuestRu]

Рад, что пригодился =)

[@alexlebed8000]

Отлично! Спасибо!

[@valdiss1978]

Хорошее видео. Всё понятно, ничего лишнего. Очень ждём видео по галпу. Кстати, уже по нему есть вопрос, который, возможно будет всем интересен в связке 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]

Ох, тут надо будет на свежую голову перечитать :D Постараюсь разобраться и объяснить, либо в этом курсе, либо в отдельном уроке или сообщении =)

[@CodeQuestRu]

Еще как вариант, я попробую рассказать об этом в курсе по Git

[@joonlorka1371]

Спасибо, доходчиво.

[@xapbu8883]

Спасибо за хороший гайд по NPM!

[@CodeQuestRu]

Рад, что пригодилось =)

[@valeriyk7565]

очень полезно, спасибо!

[@jusyF]

Автор огонь 🔥 снимайте больше таких роликов ибо это какая-то бездна

[@CodeQuestRu]

Спасибо, стараюсь =)

[@aton_goldenstern]

Благодарю за полезный контент! Очень жаль, что вам пришлось оставить контент-мейкинг.

[@kuznetsovs]

Отлично! Запишите видео по NPM скриптам

[@CodeQuestRu]

Как будет время, постараюсь =)

[@kuznetsovs]

@@CodeQuestRu Спасибо большое. Будем ждать

[@amalgama1977]

спасибо. да очень классный урок

[@medokuk8644]

Классно обяснил! Лайк и подписка!

[@CodeQuestRu]

Спасибо =)

[@rssreader90]

Спасибо за труд, отличное видео Запиши пожалуйста проведение тестов через npm

[@CodeQuestRu]

Когда будет время, обязательно запишу. Закину пока в заметки

[@MarkoTH000]

Спасибо большое!

[@НаильИхсанов-д4ч]

Спасибо большое. Очень мощный и полезный курс🔥🔥🔥 Вопрос появился, а где все эти команды npn (типа save dev, npn install и другие) можно посмотреть?

[@CodeQuestRu]

Можно в документации =)

[@Meditationandrelaxation-d7w]

Спасибо тебе за качественные уроки дайк и подписка от меня,

[@CodeQuestRu]

Благодарю =)

[@binigersbinigers5973]

а как разбираться с ошибками или конфликтами версий в проектах, когда скачиваешь проект чужой, например, vk-mini-app?

[@EvgenichTalagaev]

Спасибо, с меня подписка)

[@vladko9623]

Очень годно. Хоть с npm уже работаю регулярно, отдельные команды показались мне интересными. Единственный вопрос - почему Node.js - язык программирования??? Node.js - платформа, среда, но никак не язык программирования. У вас отличная подача. Очень жду ваш курс по webpack.

[@CodeQuestRu]

Спасибо! Ну многие считают его отдельным языком, все таки там есть своя среда выполнения, свои принципы написания кода и огромная экосистема. Может это и не совсем точное определение, но мне нравится считать его полноценным языком на базе EcmaScript =)

[@Mr.Bellamy]

@@CodeQuestRu nodejs это как браузер только для сервера. У клиента JS исполняет браузер (например хром), а на сервере JS исполняет node js. И в хроме и в nodejs один и тот же движок кстати - V8 Даже на главной странице сайта nodejs написано, что nodejs - это JavaScript-окружение построенное на движке Chrome V8.

[@CodeQuestRu]

Спасибо, это я знаю) В видео я так и сказал в принципе, что это среда выполнения JS + компоненты. Просто для меня JS = EcmaScript + браузер, а NodeJs = EcmaScript + своя среда выполнения. Поэтому я считаю их равнозначными языками с общим синтаксисом EcmaScript, но своими особенностями, архитектурой и сообществом. Как когда-то был и ActionScript для Flash. Может это и не совсем корректно, но мне такое восприятие кажется логичным =)

[@alexmarch]

просто спасибо!

[@romashka7519]

Спасибо!Лайк!

[@asifabbasov3801]

У меня проблема, есть проект. В нем уже есть package.json, мне нужно установить пакет node modules, но команда npm install не работает не в VS Code не в терминале. Помогите пожалуйста

[@ФирузВорисов]

здравствуйте спасибо очень полезное видео вопрос: в продакшне если уже был выполнено команда npm i и правильно как установить новые пакеты которые появились в package.json потом?

[@CodeQuestRu]

Еще раз запустить эту же команду, чтобы подгрузить новые пакеты =)

[@SCAMBOT_]

Спасибо, очень помог👍

[@CodeQuestRu]

Супер =)

[@ВиталийДавыдов-э4г]

У меня cmd от openserver - не видит npm . node загружен на виндоз. что делать? как прописать путь?

[@СергейК-б6н]

Че я раньше этот канал не нашел

[@ЕвгенийКавецкий-ц6м]

спасибо, очень полезно

[@CodeQuestRu]

Супер, рад, что пригодилось =)

[@grigliz80]

Спасибо, нашёл Ваше видео, когда искал, как решить проблему с PATH (что-то вроде, прописывать путь в системе для Node и NPM) пока не очень в этом разбираюсь.. если кто подскажет, буду признателен. Удачи Вашему каналу! 🍀

[@wastebroken]

нашел решение?

[@grigliz80]

@@wastebroken не нашел, а есть подсказка? 😅

[@Oskar-Oskarr]

Классный материал. Продолжай пожалуйста. Подписка, колокольчик

[@CodeQuestRu]

Спасибо =)

[@ВиталикЛещенко-т9м]

Спасибо)

[@misterpopcorn8789]

Годнота епта!

[@CodeQuestRu]

Согласен))

[@Bekyvp]

Чувак, спасибо!

[@CodeQuestRu]

Рад, что понравилось =)

[@alexo6935]

Сделай пожалуйста видео о сборке проекта!А то проходил тут одни курсы, и мне тяжело далась эта тема.

[@CodeQuestRu]

Следующее виде постараюсь сделать про Gulp, объясню все простым языком

[@alexo6935]

@@CodeQuestRu круто.Жду😊

[@paulm4875]

Очень полезный материал! Спасибо! Но у меня вопрос который мучает меня, как понять какой пакет мне нужно устанавливать в тот или иной проект? Я же не могу просмотреть все (тысячи пакетов) или это будет уже понятно когда я начну работать? Потому что вот это для меня остается не понятным.

[@CodeQuestRu]

Когда возникает новая задача, просто ищешь подходящие пакеты и пробуешь, читая их документацию. С опытом точно разберешься =)

[@valdiss1978]

ещё вопрос - натыкаюсь в ТЗ на фразу - сборка должна запускаться командой npm start. В моём понимании npm start = gulp. Т.е., как я понимаю, нужно подготовить структуру сайта и задать таски галпу на сборку, запуск сервера и т.д. Вот этот момент можно поподробнее

[@CodeQuestRu]

npm start это сокращение для npm run start. Просто создайте скрипт с названием start и вызовете в нем нужную задачу gulp. В курсе по Gulp все это покажу =)

[@turembekov]

Круто! У меня такой вопрос, подскажи, как установить плагины на sublime text 3 если комп не подключен к интернету?

[@pixsogram]

Скачать с компьютера который подключён к интернету и перенести их на компьютер, который не подключён.

[@CodeQuestRu]

Да, если у тебя есть просто архив с плагином, то можно его разархивировать и поместить в директорию с плагинами вручную

[@demidronder]

Очень классный контент. Жаль перестал снимать(

[@CodeQuestRu]

Спасибо, еще вернусь)

[@РоманНарожнов]

спасибо!

[@AntonioBenderas]

20:47 хотим

[@AllesKaput]

Привет, подскажите кто знает пожалуйста. У меня есть несколько проектов на галпе. Можно как то выделить общий путь к папке node_modules, а не копировать её каждый раз??

[@CodeQuestRu]

А можно подробней? Что за путь и зачем это нужно? Путь до node_modules из sass-файлов или что?

[@AllesKaput]

Ну я в принципе уже нашёл решение. Я просто поместил папку модулей ноды в корневую папку со всеми файлами.

[@amat0ru]

поддерживаю

[@tonygun5664]

npm в терминале не выводит...всплывает окно - спрашивает с помощью какого приложения открыть. Что это? 100 раз удалял и переустанавливал и vsc и node js и ноут перезагружал...не помогает

[@vlad_ovcharenko]

материал супер, но! нужно ли для начала работы (на мак) устанавливать все пакеты глобально? просто попал в такую ситуацию, скачал проект для обучения, установил через npm i все нужные пакеты для проекта, но ничего не работает(( проект не запускается

[@CodeQuestRu]

По идее пакеты везде нужно ставить, без них нечему будет работать

[@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 что это и как решить?

[@andykud63]

В каком плейлисте лежит данный курс?

[@CodeQuestRu]

Сейчас он без плейлиста, а что?

[@andykud63]

@@CodeQuestRu понятно. Я думал, что каждое видео в своем плейлисте. Что логично

[@CodeQuestRu]

@@andykud63 Добавляю в плейлисты только серии видео. Но могу создать и отдельные плейлисты для каждого видео, если это действительно удобней