Настройка среды разработки

5.1 Выбираем IDE

Чтобы писать программы, нужно писать программы. Логика в этой цитате есть. Но вот чтобы начать писать программы, нужно установить IDE (специальную программу для написания программ), и создать первый проект.

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

Вот 4 самых популярных:

• Visual Studio Code от Microsoft
• Intellij IDEA Community Edition
• Atom от GitHub
• WebStorm Community Edition ()

Мне нравится WebStorm, но вы можете выбрать любой другой продукт и не заметите особой разницы. Ниже я приведу скриншоты нескольких ключевых этапов настройки IDE.

5.2 Скачиваем WebStorm

Шаг 1. Чтобы установить WebStorm сначала его нужно скачать. Вбейте в Google WebStorm или просто перейдите по ссылке. Там вы увидите вот такую красивую картинку:

Шаг 2. Смело кликайте по кнопке «Скачать», и загрузка тут же начнется. Если все прошло отлично, вы увидите такое сообщение:

Шаг 3. Нужная операционная система должна определиться автоматически. Но если этого не произошло, ее можно выбрать на этой странице — download WebStorm:

5.3 Установка WebStorm

После того как вы скачали нужную версию WebStorm, его нужно установить. Вот несколько ключевых этапов:

Шаг 1. Запускаем установщик — должно быть такое окошко:

Шаг 2. Добавьте пару галочек, как у меня:

Шаг 3. Перегружать ничего не нужно:

5.4 WebStorm для некоммерческого использования

Если вы используете эти IDE в некоммерческих целях, таких как обучение, вы можете делать это бесплатно.

1. Запустите WebStorm.
2. При запуске появится окно, в котором можно выбрать вариант некоммерческого использования.
3. Войдите в свою учетную запись JetBrains или создайте новую.
4. Примите "Соглашение о подписке на Toolbox для некоммерческого использования".
5. Наслаждайтесь разработкой.

Если вы уже начали пробный период или активировали свою IDE с помощью платной лицензии, вы все равно можете перейти на некоммерческую подписку, выполнив следующие действия:

1. Для WebStorm, перейдите в раздел Help | Register.
2. В открывшемся окне нажмите кнопку Remove License.
3. Выберите Non-commercial use (Некоммерческое использование).
4. Войдите в свою учетную запись JetBrains или создайте новую.
5. Примите "Соглашение о подписке на Toolbox для некоммерческого использования".
6. Наслаждайтесь разработкой.

5.5 Создание первого проекта

После установки WebStorm осталось только его запустить и создать первый проект. Следуйте инструкции:

Шаг 1. Запускаем WebStorm. Вы получите такое окошко:

Шаг 2. Создаем новый проект — кликаем по кнопке New Project.

Дальше вам нужно:

• Выбрать имя для вашего первого проекта.
• Указать папку для вашего первого проекта (поле Location). Если WebStorm предложил по умолчанию папку Admin, то лучше ее поменять. Меньше потом будет проблем.

У меня получилось примерно так:

Шаг 3. Если вы все сделали правильно, увидите такую картинку: