Налаштування середовища розробки

5.1 Обираємо IDE

Щоб писати програми, потрібно писати програми. Логіка в цій цитаті є. Але для того, щоб почати писати програми, необхідно встановити IDE (інтегроване середовище розробки) та створити перший проєкт.

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

Ось 4 найпопулярніші:

• Visual Studio Code від Microsoft
• Intellij IDEA Community Edition
• Atom від GitHub
• WebStorm Безкоштовно для некомерційного використання

Мені подобається 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. Якщо ви все зробили правильно, побачите таку картинку: