Зарегистрируйтесь для доступа к 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_17.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

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

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

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

Ошибки, сложный материал, вопросы >
Нашли опечатку или неточность?

Выделите текст, нажмите ctrl + enter и отправьте его нам. В течение нескольких дней мы исправим ошибку или улучшим формулировку.

Что-то не получается или материал кажется сложным?

Загляните в раздел «Обсуждение»:

  • задайте вопрос. Вы быстрее справитесь с трудностями и прокачаете навык постановки правильных вопросов, что пригодится и в учёбе, и в работе программистом;
  • расскажите о своих впечатлениях. Если курс слишком сложный, подробный отзыв поможет нам сделать его лучше;
  • изучите вопросы других учеников и ответы на них. Это база знаний, которой можно и нужно пользоваться.

Об обучении на Хекслете

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

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

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

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

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

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

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

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

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

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

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

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

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

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