Зарегистрируйтесь для доступа к 15+ бесплатным курсам по программированию с тренажером

Установка JavaScript JS: Настройка окружения

Для запуска кода на JavaScript необходимо скачать и установить Node.js.

Первый вариант — сделать это вручную разными способами из документации.

Второй вариант — использовать пакетный менеджер. Откройте терминал и выполните команду установки, соответствующую вашей операционной системе:

Ubuntu или Ubuntu on Windows

# Установка curl — консольного HTTP клиента, для скачивания скрипта установки node
sudo apt-get install curl
# скачивание и запуск скрипта инсталлятора для добавления и настройка репозитория в пакетном менеджере
curl -sL https://deb.nodesource.com/setup_18.x | sudo -E bash -
# Теперь можем установить nodejs через пакетный менеджер
sudo apt install -y nodejs

macOS

# https://brew.sh/index_ru.html
brew install nodejs

Интерактивный запуск кода

Теперь убедимся в том, что Node.js поставлена и работает. Вероятно, в некоторых операционных системах понадобится перезапустить терминал или даже перезагрузиться.

Откройте терминал и наберите в нем следующую команду:

# Версия, которую вы увидите, должна быть не ниже чем показана здесь.
# Иначе возможно появление ошибок.

node --version
v17.6

Если все прошло удачно, самое время запустить код на JavaScript.

node
>

Запуск программы node запустит репл (REPL). Это среда, похожая на обычный терминал, только вместо Bash-команд в нее вводится код на JavaScript. С его помощью можно набрать строчку кода и тут же выполнить ее нажав Enter.

node
> 1 + 5
6 # результат выполнения сразу отображается на экране
> 7 % 2
1

Такой способ работы очень хорошо подходит для быстрой проверки гипотез "а как работает эта штука?", а также для отладки и простых вычислений. Репл позволяет использовать переменные и запоминает предыдущий ввод:

node
> a = 5
5
> b = 10
10
> a + b
15

Чтобы выйти из репла, есть несколько вариантов:

  1. Набрать .exit и нажать Enter
  2. Два раза нажать CTRL + C
  3. Нажать CTRL + D

После этого мы окажемся внутри обычной командной оболочки.

node
Welcome to Node.js v16.4.1.
Type ".help" for more information.
> 1 + 5
6
>
(To exit, press ^C again or ^D or type .exit)
>
$

Разделяйте понятие репл nodejs и командная оболочка (например, bash). Когда мы набираем node, то запускается программа, которая не имеет никакого отношения к оболочке, в которой она запустилась. Любая попытка пользоваться этим реплом как обычной оболочкой приведет к разным синтаксическим ошибкам:

node
> cd ~
cd ~
   ^

SyntaxError: Unexpected token ~

Пример установки и запуска Node.js на Ubuntu

Запуск кода из файлов

Для полноценной и удобной разработки репл уже не подходит, в этом случае код записывают в обычные текстовые файлы на компьютере разработчика. Какой для этого использовать редактор? На сегодняшний день самым распространенным и удобным редактором для кода считается VS Code. Скачайте его, установите и поизучайте интерфейс. У него много встроенных возможностей, которые расширяются плагинами.

Откройте редактор, создайте в нем файл с именем index.js и следующим содержимым:

console.log("Hello, Hexlet!");

VS Code имеет встроенные механизмы для запуска кода, но прямо сейчас, когда вы только учитесь, нужно уметь запускать код самостоятельно. Откройте терминал в той директории, где вы создали файл в редакторе и выполните команду:

# Сначала перейдите в директорию с файлом index.js
node index.js
'Hello, Hexlet!'

Самостоятельная работа

  1. Настройте вашу операционную систему, так чтобы она была готова к работе с Node.js
  2. Установите Node.js
  3. Запустите репл и попробуйте выполнить внутри JavaScript код
  4. Вычислите в репле значение выражения Math.sqrt(256) + 100
  5. В проекте hexlet-js создайте файл index.js и добавьте туда console.log('Hello, Hexlet!');
  6. Запустите этот файл командой node index.js, убедитесь что на экран вывелась строчка Hello, Hexlet!

Дополнительные материалы

  1. Установка Ubuntu на Windows
  2. Установка GIT на Windows
  3. Менеджер версий языков
  4. Видео о REPL
  5. Установка Node.js в Ubuntu 20.04

Аватары экспертов Хекслета

Остались вопросы? Задайте их в разделе «Обсуждение»

Вам ответят команда поддержки Хекслета или другие студенты.

Для полного доступа к курсу нужен базовый план

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

Получить доступ
1000
упражнений
2000+
часов теории
3200
тестов

Открыть доступ

Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно.

  • 130 курсов, 2000+ часов теории
  • 1000 практических заданий в браузере
  • 360 000 студентов
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и соглашаетесь с «Условиями использования»

Наши выпускники работают в компаниях:

Логотип компании Альфа Банк
Логотип компании Aviasales
Логотип компании Yandex
Логотип компании Tinkoff
Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
с нуля
Разработка фронтенд-компонентов для веб-приложений
1 декабря 10 месяцев
Иконка программы Node.js-разработчик
Профессия
с нуля
Разработка бэкенд-компонентов для веб-приложений
1 декабря 10 месяцев
Иконка программы Fullstack-разработчик
Профессия
с нуля
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
1 декабря 16 месяцев
Иконка программы Верстальщик
Профессия
с нуля
Верстка с использованием последних стандартов CSS
в любое время 5 месяцев

Используйте Хекслет по-максимуму!

  • Задавайте вопросы по уроку
  • Проверяйте знания в квизах
  • Проходите практику прямо в браузере
  • Отслеживайте свой прогресс

Зарегистрируйтесь или войдите в свой аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и соглашаетесь с «Условиями использования»