Перейти до основного вмісту

Інструменти для роботи з Node.js

Що таке npm?

npm (Node Package Manager) — це офіційний пакетний менеджер для Node.js. Він дозволяє:

  • Встановлювати сторонні бібліотеки та фреймворки
  • Керувати залежностями проєкту
  • Запускати скрипти (команди) через package.json

Приклад ініціалізації проєкту з npm

npm init -y

Файл package.json (скорочений приклад)

{
  "name": "my-project",
  "version": "1.0.0",
  "scripts": {
    "start": "ts-node src/index.ts",
    "build": "tsc"
  },
  "dependencies": {
    "express": "^4.18.0"
  },
  "devDependencies": {
    "typescript": "^5.0.0",
    "ts-node": "^10.0.0"
  }
}

Що таке tsconfig.json?

tsconfig.json — це файл конфігурації для компілятора TypeScript, який визначає, як слід компілювати код.

Приклад файлу tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "CommonJS",
    "rootDir": "src",
    "outDir": "dist",
    "strict": true,
    "esModuleInterop": true
  }
}

Основні опції:

  • target — яку версію JS згенерувати (наприклад, ES2020)
  • module — тип модулів (CommonJS для Node.js)
  • strict — вмикає жорстку типізацію
  • esModuleInterop — дозволяє імпортувати CommonJS-модулі як ES-модулі
  • rootDir / outDir — папки для вхідного та вихідного коду

Інші пакетні менеджери

Окрім npm, існують альтернативи:

  • yarn — швидший, має функцію workspaces
  • pnpm — ефективний за використанням диску, підтримує монорепозиторії

Приклад встановлення бібліотеки з типами

npm install express
npm install -D @types/express

У TypeScript проєктах потрібно встановлювати типи для бібліотек через пакет @types/<назва>, якщо сама бібліотека їх не надає.

npm та tsconfig.json — це ключові інструменти для роботи з Node.js і TypeScript. Вони дозволяють структурувати, автоматизувати та масштабувати серверні застосунки з точністю, аналогічною до того, як pom.xml або build.gradle працює в Java-середовищі.

Visual Studio Code (VS Code)

VS Code — це легка, але потужна IDE для розробки на JavaScript/TypeScript. Вона має вбудовану підтримку IntelliSense, інтеграцію з Git, налагодження, а також величезну кількість плагінів.

Рекомендовані розширення для Node.js + TypeScript

  • ESLint — перевірка стилю коду
  • Prettier — автоформатування
  • TypeScript — підтримка мови
  • npm Intellisense — автозаповнення для імпортів
  • Path Intellisense — підказки для шляхів до файлів
  • Debugger for Chrome — налагодження у браузері (для full-stack)

Переваги VS Code

  • Швидкий старт (на відміну від важких IDE, як IntelliJ IDEA)
  • Вбудований термінал для роботи з npm, tsc, npx
  • Гнучка конфігурація: settings.json, launch.json
  • Можливість працювати з Docker, Git, базами даних, REST API прямо в IDE

Node Version Manager (nvm)

nvm — це утиліта для керування версіями Node.js. Дозволяє легко встановлювати, перемикати, оновлювати Node.js без глобальних конфліктів.

Переваги nvm

  • Можливість використовувати різні версії Node.js для різних проєктів
  • Не потребує прав адміністратора
  • Зручний для CI/CD, розробки, тестування старих проєктів

Установка nvm (Linux/macOS)

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
# або
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

Після установки перезапустіть термінал і перевірте:

nvm --version

Команди nvm

# Встановити останню LTS версію
nvm install --lts

# Встановити конкретну версію
nvm install 20.10.0

# Перемкнути версію
nvm use 20.10.0

# Переглянути список встановлених версій
nvm ls

# Встановити цю версію як дефолтну
nvm alias default 20.10.0

Інструменти VS Code та nvm значно спрощують розробку на Node.js + TypeScript. Java-розробники, які звикли до складної екосистеми з Maven/Gradle, можуть оцінити гнучкість і легкість запуску проектів з мінімумом конфігурації.

Labels:

Коментарі

Дописати коментар

Популярні публікації

Шпаргалка по базових командах PostgreSQL

1. Підключення до PostgreSQL через командний рядок: psql -h <host> -p <port> -U <username> -d <database> 2. Підключення до бази без параметрів (якщо користувач і база мають однакове ім’я): psql 3. Показати список усіх баз даних: \l 4. Підключитися до іншої бази даних: \c <database_name> 5. Показати список таблиць у поточній базі: \dt 6. Показати всі об'єкти (таблиці, індекси, секвенції): \d 7. Показати таблиці з усіх схем: \dt *.* 8. Переглянути структуру конкретної таблиці: \d <table_name> 9. Виконати SQL-запит (приклад): SELECT * FROM users; 10. Вийти з psql: \q 11. Створити нову базу даних: CREATE DATABASE mydb; 12. Створити нову таблицю: CREATE TABLE users ( id SERIAL PRIMARY KEY, name TEXT NOT NULL, email TEXT UNIQUE ); 13. Додати новий запис: INSERT INTO users (name, email) VALUES ('Іван', 'ivan@example.com'); 14. Оновити дані в таблиці: UPDATE users SET name = 'Петро' WH...
Дописати коментар
Читати далі »

Встановлення Visual Studio Code на Ubuntu

Visual Studio Code (VS Code) — це потужний, легкий та кросплатформний редактор коду, який став стандартом для розробників завдяки універсальності та швидкості роботи. Він підтримує Windows, Linux і macOS, запускається швидше за повноцінні IDE, але водночас може перетворюватися на повнофункціональне середовище розробки завдяки тисячам розширень. VS Code має продуману архітектуру, інтуїтивний інтерфейс, вбудований термінал та інтелектуальну систему автодоповнення на базі Language Server Protocol, що забезпечує високоякісну підтримку синтаксису для багатьох мов програмування. Серед ключових можливостей — розумне автодоповнення коду (IntelliSense), навігація між класами, символами та файлами, рефакторинг, форматування коду, інтеграція з Git, підтримка віддаленої розробки через SSH або контейнерні середовища (Dev Containers). Завдяки відлагоджувачу (debugger), який налаштовується під будь-яку мову, розробник може запускати код у контрольованому середовищі, ставити брейкпоїнти, переглядат...
Дописати коментар
Читати далі »

Дамп бази даних Postgresql локально

Що потрібно встановити локально (Ubuntu) Встанови клієнтські утиліти PostgreSQL: pg_dump , psql , pg_restore . sudo apt update sudo apt install postgresql-client Кроки міграції Ідея: не зберігати дамп на серверах. Зробити дамп з віддаленого сервера на свій локальний ПК, потім передати його на новий сервер і там відновити. 1) Створення дампу з віддаленого сервера локально pg_dump -h OLD_SERVER_IP -U OLD_USER -Fc -d OLD_DB -f dump_file.dump Пояснення ключів: -h (хост), -U (користувач), -Fc (custom format), -d (БД), -f (вихідний файл локально). 1.1) Варіант з розбиттям на частини (якщо треба) pg_dump -h OLD_SERVER_IP -U OLD_USER -Fc -d OLD_DB | split -b 10G - dump_file.dump.part_ Це створить локально файли типу dump_file.dump.part_aa , dump_file.dump.part_ab тощо. 2) Передача дампу на новий сервер Один файл: scp dump_file.dump NEW_USER@NEW_SERVER_IP:/tmp/ Або частинами: scp dump_file.dump.part_* NEW_USER@NEW_SERVER_IP:/tmp/ 3) Збирання файл...
Дописати коментар
Читати далі »

Керуючі конструкції в Elixir

Elixir пропонує різноманітні керуючі конструкції для управління потоком виконання програми. На відміну від імперативних мов, всі конструкції в Elixir повертають значення, що робить код більш виразним. if та else Конструкція if перевіряє умову і виконує код відповідно до результату: # Базовий синтаксис if true do "Це буде виконано" else "Це не буде виконано" end # Однорядковий варіант if connected?, do: "Підключено", else: "Відключено" # Присвоєння результату message = if age >= 18 do "Ви повнолітній" else "Ви неповнолітній" end # Без else (повертає nil) if user_logged_in? do show_dashboard() end Примітка: В Elixir тільки false і nil вважаються хибними. Всі інші значення (включаючи 0, "", []) вважаються істинними. unless Конструкція unless — це протилежність if, виконується коли умова хибна: # ...
Дописати коментар
Читати далі »

Angular CLI

CLI (command-line interface) – інтерфейс командного рядка. Перед початком роботи має бути встановлений Node.js Встановлення: npm install -g @angular/cli Отримання допомоги: ng help Буде приблизно такий результат: add Adds support for an external library to your project. analytics Configures the gathering of Angular CLI usage metrics. See https://angular.io/cli/usage-analytics-gathering. build (b) Compiles an Angular app into an output directory named dist/ at the given output path. Must be executed from within a workspace directory. deploy Invokes the deploy builder for a specified project or for the default project in the workspace. config Retrieves or sets Angular configuration values in the angular.json file for the workspace. doc (d) Opens the official Angular documentation (angular.io) in a browser, and searches for a given keyword. e2e (e) Builds and serves an Angular app, then runs end-to-end tests. extract-i18n (i18n-extract, xi18n) Extracts i18n mes...
Дописати коментар
Читати далі »