Книги
JavaScript
Глава 1. Начало работы
Начало нового проекта

JavaScript:
Начало нового проекта

Как это сделать:

Прежде чем писать код, нужно определиться с инструментами и структурой. Давайте использовать Node.js и npm (Node Package Manager) для этого примера.

  1. Установите Node.js с официального сайта.
  2. Откройте терминал и выполните:
npm init

Ответьте на вопросы настройки. И вуаля — создан package.json, описывающий ваш проект. Теперь добавим Express, популярный веб-фреймворк:

npm install express --save

Теперь напишите простой веб-сервер в index.js:

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Привет, мир!');
});

app.listen(3000, () => {
  console.log('Сервер работает на порту 3000');
});

Запустите ваш сервер:

node index.js

Пример вывода:

Сервер работает на порту 3000

Перейдите по адресу http://localhost:3000 в вашем веб-браузере. Вы должны увидеть “Привет, мир!”.

Погружение

Исторически, настройка проекта была мучительным процессом с кучей ручной конфигурации. Нынче, инструменты вроде npm берут этот труд на себя. Для фронтенд-проектов рассмотрите create-react-app или vue-cli. Для Node.js Express — надежный выбор, сочетающий в себе мощность и простоту. Он легковесный, но обладает внушительными возможностями для большинства потребностей веб-сервера.

Помните, как вы организовываете свой проект, критически важно. Традиционные Node.js приложения имеют точку входа (например, index.js), файл package.json для управления зависимостями и структуру папок, которая разделяет задачи (модули, утилиты, маршруты и т.д.).

Альтернативы npm для управления пакетами включают Yarn, который предлагает улучшения в скорости и консистентности. Для начальной настройки проекта Yeoman помогает, предоставляя генераторы для множества типов проектов и технологий.

Смотрите также