JavaScript наконец взрослеет. Теперь он работает в Интернете, обеспечивая работу веб-сайтов электронной коммерции, таких как Walmart.com и PayPal, потоковых платформ, таких как Netflix, мобильных приложений, аналитики и мониторинга в реальном времени и даже устройств IoT. Он также пересматривается и обновляется каждый год, начиная с 2015 года, и согласно недавнему опросу разработчиков StackOverflow, он занимает первое место среди лучших технологий.

Цель этого руководства — познакомить вас с основными частями экосистемы JavaScript: nodejs и npm, а также настроить современный стек для создания веб-приложений с использованием всех новейших и лучших функций, доступных в ES6+. Кофеин не обязателен, но настоятельно рекомендуется.

Установите последнюю версию nodejs LTS

Кое-что, что нужно знать об узле… все постоянно меняется, и это немного движущаяся цель. Ребята, стоящие за этим, должны быть в курсе последних функций и спецификаций, а также обеспечивать поддержку текущих и устаревших систем. Итак, есть 2 основных варианта: LTS и current. LTS – долгосрочная поддержка, а current – сокращенные выпуски, включающие все последние функции, которые были доработаны между выпусками LTS. Лучше всего использовать LTS, но если вы просто исследуете или работаете над игрушечным проектом, текущая версия подойдет.

Получите установщик nodejs для своей платформы здесь, или, если вы предпочитаете использовать свой любимый менеджер пакетов, ознакомьтесь с их руководством здесь.

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

$ node -v

Если все в порядке, вы должны увидеть номер версии, которую вы установили. Теперь давайте перейдем к крутой части.

Менеджер пакетов узлов (npm)

Nodejs поставляется с мощным помощником: npm. Этот небольшой инструмент позволяет добавлять функциональность в ваши проекты без необходимости самостоятельно писать код с помощью пакетов. Пакет — это просто программа, написанная кем-то другим и размещенная в реестре npm. Вы можете добавлять эти пакеты и создавать свои программы, как если бы вы играли с блоками лего.

Чтобы начать работу над проектом, создайте новый каталог и перейдите к нему с помощью терминала. Затем сообщите npm, что вы начинаете новый проект:

$ npm init

Вам будет предложено ввести название вашего приложения, версию, описание, лицензию и так далее. Просто нажмите Enter и пока оставьте значения по умолчанию, пока не доберетесь до

Is this ok? (yes).

Нажмите Enter еще раз. Это создаст новый файл package.json в каталоге вашего проекта. Думайте об этом файле как о точке входа в вашу программу.

Откройте package.json в своем любимом редакторе и в разделе scripts мы добавим команду start, которая будет выполняться всякий раз, когда вы хотите запустить или развернуть свой код. Вот пример:

{
  "name": "helloworld",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node index.js"
  },
  "author": "",
  "license": "ISC"
}

Затем создайте новый файл index.js в каталоге вашего проекта и добавьте следующий фрагмент:

console.log('Hello, World!')

Чтобы запустить свой код, просто введите npm start в терминал, и вы должны увидеть сообщение Hello, World! Не стесняйтесь изменить этот пример, чтобы сделать математику или вычислить любое другое выражение. Помните, это всего лишь JavaScript.

Потрясающий! Теперь вы готовы приступить к созданию приложений с помощью node и npm! В следующем эпизоде ​​мы рассмотрим, как устанавливать пакеты из npm и как повторно использовать собственный код в разных частях ваших приложений.

Понравилось? Дайте мне знать, нажав на значок ♡ ниже.