NPM для начинающих. Полный гайд: установка, команды, флаги, разбор package.json, версионирование

✏️ Узнаем что такое NPM и зачем он нужен. Установим NPM на компьютер и попрактикуемся в основных командах: init, install, uninstall и других. Обсудим назначение файлов package.json, package-lock.json и папки node_modules. Поговорим про семантическое версионирование и научимся устанавливать библиотеки с конкретной "фиксированной" версией. Узнаем о флагах в командах и о сокращенных версиях команд и флагов. Обсудим разницу dependencies и devDependencies зависимостей. Разберёмся, как запускать скрипты, описанные в package.json. Научимся использовать установленные зависимости. Узнаем, как очистить кэш NPM. Обсудим специфичные команды npx и npx create и их назначение. Поговорим о том, где искать существующие NPM-команды и флаги. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:29 | Что такое NPM ▶ 01:36 | Зачем нужен NPM ▶ 04:11 | Установка NPM на компьютер ▶ 04:52 | Инициализация NPM в проекте — команда npm init ▶ 06:02 | Файл package.json — общая информация ▶ 06:31 | Добавление одной или нескольких библиотек в проект — команда npm install packagename ▶ 08:11 | Файл package-json.lock ▶ 08:50 | Папка node_modules ▶ 09:59 | Файл package.json — поле dependencies ▶ 10:48 | Установка всех зависимостей — команда npm install ▶ 12:21 | Удаление зависимости из проекта — команда npm uninstall packagename ▶ 13:12 | Добавление библиотеки с конкретной версией ▶ 16:02 | Фиксация конкретной версии библиотеки — символ ^ перед номером версии в dependencies в package.json ▶ 18:31 | Семантическое версионирование ▶ 20:10 | Флаги в командах ▶ 21:01 | Разница dependencies и devDependencies ▶ 24:50 | Сокращенные команды и флаги — npm i, npm i packagename, npm i packagename -D ▶ 26:04 | Запуск скриптов — поле scripts в файле package.json, команда npm run somecommand ▶ 31:22 | Как использовать установленные зависимости ▶ 36:53 | Очистка кэша — команда npm cache clean --force ▶ 37:33 | Что такое NPX ▶ 38:52 | Команда npm create ▶ 39:52 | Где искать NPM-команды и флаги — официальная документация NPM ▶ 40:44 | Альтернативные менеджеры пакетов — Yarn, pnpm, bun и другие ▶ 42:30 | Заключение 📚 Ссылки: ➖ Код из урока: https://github.com/aleksanderlamkov/npm-for-beginners ➖ NodeJS (скачать): https://nodejs.org/en/ ➖ NPMJS (поиск библиотек): https://www.npmjs.com/ ➖ NPM документаци: https://docs.npmjs.com/ ➖ Семантическое версионирование: https://semver.org/lang/ru/ ➖ Пример команды NPX при установке React: https://react.dev/learn/start-a-new-react-project ➖ Пример команды NPM CREATE при установке Vite: https://vitejs.dev/guide/#scaffolding-your-first-vite-project 💬 Чат в телеграмме (помощь новичкам): https://t.me/friendlyFrontendChat 🔸 Boosty (поддержать канал): https://boosty.to/friendly-frontend 🗂️ Бесплатные курсы на канале: 🟠 HTML: https://youtube.com/playlist?list=PL0MUAHwery4ot0KmgGxlBSB7rXssLeA6h 🔵 CSS: https://youtube.com/playlist?list=PL0MUAHwery4o9I7QQVj_RP4ZVpmdx6evz 🟡 JS: https://www.youtube.com/playlist?list=PL0MUAHwery4qn4Y27iUxmzC-JiauX7vSL 🟢 A11y: https://youtube.com/playlist?list=PL0MUAHwery4r4gCA3AOtHgArM_UOb2QUV ⚪️ Мастер-класс по верстке для новичков: https://www.youtube.com/playlist?list=PL0MUAHwery4rqkzKF1mDBCIH_eZgjY6uN 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): https://www.youtube.com/playlist?list=PL0MUAHwery4rdZt-8E9p9zty2ZUCH6Ai3 🗺 Frontend Roadmap 2024 https://youtu.be/1WRJKgwlX9w?si=NjyzbyLMguVV4Frr 📌 Автор: ➖ Личный сайт: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/friendlyFrontend ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksandr-lamkov-1480 ➖ Solvery: https://solvery.io/mentor/aleksanderlamkov #frontend #фронтенд #npm