06.12.2024

Як встановити та налаштувати Node.js та NPM у Windows

Node.js – це потужне середовище виконання JavaScript, побудоване на движку Chrome V8, а NPM (Node Package Manager) – це менеджер пакетів, який постачається разом з Node.js. Вони є важливими інструментами для розробки сучасних JavaScript-додатків. Цей посібник проведе вас через процес встановлення та налаштування Node.js та NPM у системі Windows.

Крок 1: Завантажте інсталятор Node.js

Відвідайте офіційний сайт Node.js:Перейдіть на офіційний сайт Node.js.
Виберіть правильну версію:
- LTS (довгострокова підтримка): Рекомендована для більшості користувачів, оскільки є більш стабільною.
- Поточна: включає найновіші функції, але може бути менш стабільною.
Завантажте відповідний інсталятор для вашої версії Windows (наприклад, 64-розрядної).

Крок 2: Встановлення Node.js та NPM

Запустіть інсталятор:
- Двічі клацніть завантажений файл node-vxx.x.x-x64.msi, щоб розпочати процес встановлення.
Дотримуйтесь вказівок Майстра встановлення:
- Натисніть Далі на екрані привітання.
- Прийміть Ліцензійну угоду і натисніть Далі.
- Виберіть шлях встановлення (за замовчуванням це C:\Program Files\nodejs\) і натисніть Далі.
- На екрані Custom Setup переконайтеся, що ви вибрали опцію “Install NPM” разом з Node.js, а потім натисніть Next.
- Натисніть Встановити, щоб почати встановлення.
- Натисніть Finish, коли встановлення буде завершено.
За замовчуванням інсталятор додає Node.js до змінної оточення PATH вашої системи, що означає, що ви можете використовувати команди node і npm у командному рядку без додаткових налаштувань.

Крок 3: Перевірка встановлення

Після встановлення важливо переконатися, що Node.js і NPM встановлено правильно.

Відкрийте командний рядок:Натисніть Windows R, введіть cmd і натисніть Enter.
Перевірка версії Node.js:Виконайте наступну команду, щоб перевірити встановлену версію Node.js:
node -v
На екрані має з’явитися номер версії Node.js (наприклад, v18.x.x).
Перевірити версію NPM:Перевірте встановлення NPM шляхом запуску:
npm -v
У результаті буде показано номер версії NPM (наприклад, 9.x.x).

Крок 4: Оновлення NPM (необов’язково)

Хоча NPM встановлюється разом з Node.js, він не завжди має останню версію. Ви можете оновити NPM до останньої версії за допомогою наступної команди:

npm install -g npm@latest

Прапорець -g встановлює пакунок глобально, гарантуючи, що NPM буде оновлено у всій системі.

Крок 5: Налаштування NPM (необов’язково)

Ви можете налаштувати параметри NPM для більш індивідуальної роботи. Нижче наведено кілька корисних налаштувань:

Встановлення каталогу за замовчуванням для глобальних пакунків:За замовчуванням глобальні пакунки буде встановлено до каталогу C:\Users\<ім’я користувача>\AppData\Roaming\npm. Ви можете змінити цей параметр за потреби:
npm config встановити префікс "C:\your\preferred\path"
Встановлення реєстру за замовчуванням: якщо ви хочете використовувати власний реєстр, наприклад, приватний реєстр NPM, встановіть його за допомогою:
npm config set registry "https://your-custom-registry.com/"
Переглянути всі конфігурації:Щоб переглянути всі поточні конфігурації NPM, виконайте:
npm config list

Крок 6: Створення та запуск простої програми Node.js

Створіть новий каталог:У командному рядку створіть новий каталог для вашого проекту і перейдіть до нього:
mkdir my-node-app cd my-node-app
Ініціалізація нового проекту Node.js:Створіть файл package.json шляхом запуску:
npm init -y
Це створить файл package.json за замовчуванням з базовою конфігурацією для вашого проекту Node.js.
Створіть файл app.js:У каталозі my-node-app створіть новий файл з назвою app.js за допомогою будь-якого текстового редактора (наприклад, Блокнот, Visual Studio Code).Додайте наступний код до файлу app.js:
// app.js

const http = require('http');const hostname = '127.0.0.1';

const port = 3000;const server = http.createServer((req, res) => {})

res.statusCode = 200;

res.setHeader('Content-Type', 'text/plain');

res.end('Hello, World!\n');

});server.listen(порт, ім'я хосту, () => {

console.log(`Сервер запущено за адресою http://${hostname}:${port}/`);

});
Запустіть додаток Node.js:У командному рядку запустіть додаток:
node app.js
Ви повинні побачити повідомлення:
Сервер запущено за адресою http://127.0.0.1:3000/
Перевірте роботу програми: Відкрийте веб-браузер і перейдіть за адресою http://127.0.0.1:3000/. У вашому браузері має з’явитися повідомлення Hello, World!

Крок 7: Встановлення та використання пакетів Node.js

Ви можете встановити додаткові пакети Node.js за допомогою NPM. Наприклад, встановити популярний фреймворк Express:

npm install express

Після встановлення ви можете використовувати Express у вашому Node.js-додатку, вказавши його у файлі app.js:

const express = require('express');

const app = express();

const port = 3000;app.get('/', (req, res) => {

res.send('Привіт від Express!');

});app.listen(port, () => {

console.log(`Server running at http://localhost:${port}`);

});

Запустіть оновлений app.js:

node app.js

Відвідайте http://localhost:3000/ у вашому браузері, щоб побачити повідомлення від Express.

Висновок

Ви успішно встановили Node.js і NPM у системі Windows, налаштували NPM і створили простий додаток Node.js. За допомогою цих інструментів ви можете почати створювати, керувати та розгортати JavaScript-додатки на вашому комп’ютері з Windows. Щасливого кодування!